九宫格抽奖
- 四六级全程班电子链接
- 感谢参与
- 帆布包+单词1000词口袋书
- 帆布包+3000词书
- 学习卡
- 学习卡
- 感谢参与
- 礼盒教育
var container = $("#container");
li = $("#list li"),
timer = null;
bReady = true;//定义一个抽奖开关
let prize = [0,1,2,4,7,6,5,3];//奖品li标签滚动的顺序
let num = 0;//num用来存放得到的随机函数,也就是抽中的奖品
let number = 3;//抽奖次数
let txtList = ["帆布包+3000词书", "四六级全程班电子链接", "感谢参与","帆布包+单词1000词口袋书","学习卡", "礼盒教育", "感谢参与","学习卡"]
$(".number").html(number);
//开始抽奖
function startlottery(){
if(number>0){
if(bReady) {//当抽奖开关为true的时候,可点击抽奖
$('#message').hide();//将获奖信息div隐藏(以防止上次抽奖信息还显示)
$("#startbutton").addClass("span1")
bReady = false;//抽奖开关设为false 处于抽奖中 即不能点击抽奖
var flag = "礼盒教育";
for (var a = 0; a < 6; a++) {
if (flag == txtList[a]) {
num = a;//得到一个随机数(即奖品)
console.log(num,txtList[a])
break;
}
}
}
startinit(num);//执行抽奖初始化
}else{
alert("没有抽奖次数了");
}
}
//抽奖初始化
function startinit(num) {
var i = 0; //定义一个i 用来计算抽奖跑动的总次数
var t =100; //抽奖跑动的速度 初始为200毫秒
var rounds = 2; //抽奖转动的圈数
var rNum = rounds*8; //标记跑动的次数(这是一个条件判断分界线)
timer = setTimeout(startscroll, t);//每t毫秒执行startscroll函数
//抽奖滚动的函数
function startscroll() {
//每次滚动抽奖将所有li的class都设为空
for(var j = 0; j < li.length; j++) {
li[j].className = '';
}
var prizenum = prize[i%li.length]; //通过i余8得到此刻在prize数组中的数字,该数字就是mask标记出现的位置
li[prizenum].className = "active";
i++;
if(i
}else if(i>= rNum-8 && i< rNum+num){
//t时间变长,此时计时器运行速度降低,同时标签刷新速度也降低
t+=(i-rNum+8)*5;
timer = setTimeout(startscroll, t);//继续执行抽奖滚动
}
if( i >= rNum+num){//当i大于转rNum加随机数字num次计时器结束,出现提示框提示中奖信息
$('#message').html(txtList[num]);//提示抽中的信息
var timer2 = null;
timer2 = setTimeout(function(){
$('#message').show();//奖品展示的信息为显示状态
$("#startbutton").removeClass("span1")
clearTimeout(timer2);
},0);
bReady = true;//当计时器结束后让span标签变为抽奖状态
clearTimeout(timer);
// 抽奖次数-1
number = number-1
$(".number").html(number);
}
}
}