jQuery移动端拆红包功能的实现

来源:互联网 发布:清华大学网络学堂外网 编辑:程序博客网 时间:2024/06/05 02:38

window.onload = function(){

var arr = winningArr(9,3);
// 可抽奖次数
var i = 2;
// 已经抽奖次数
var j = 0;
// 抽奖
$('.redPacket_ul li').click(function(){
if(j<=i){
var index = $(this).index();
if($.inArray(index,arr) !== -1){
$(this).children(0).attr('src','images/open_win.png');
setTimeout(function(){
$('.popup_win').show();
j = 3;
},500);
}else{
$(this).children(0).attr('src','images/open_missed.png');
setTimeout(function(){
$('.popup_lose').show();
},500);
}
}else{
alert('今天可抽奖次数已用完!');
}
j++;
});

}

/**
 * 中奖红包
 * @param {Object} length 随机数组的长度
 * @param {Object} num 中奖数量
 * @return Array
 */
function winningArr(length,num){
var arr = [];
var json = {};
while(arr.length<num)
    {
    var ranNum = Math.floor(Math.random() * length);
    if(!json[ranNum]){
    json[ranNum]=1;
arr.push(ranNum);
}
    }
return arr;
}

原创粉丝点击