比较实用的手机号抽奖效果

浏览：777次- 评论：2次- 发布时间：2018-11-16

Html

Css


    
        抽奖活动
        
        150****0000

var data = [12345678912, 15617883151, 15617883152, 15617883153, 15617883154, 15617883155, 15617883156, 15617883157, 15617883158, 15617883159, 15617883150, 17617883150, 17617883151, 17617883152, 17617883153, 17617883154, 17617883155, 17617883156, 17617883157, 17617883158, 17617883159, 17617883150, 18617883150]; //参与人员
 //内定中奖人员
 var initP = [13870620815, 13901647848, 13901757122];
 var p1Num = 3; //一等奖数量
 var p2Num = 5; //二等奖数量
 var p3Num = 10; //三等奖数量
 var p1Winner = new Array(); //一等奖中奖者
 var p2Winner = new Array(); //二等奖中奖者
 var p3Winner = new Array(); //三等奖中奖者
 var btn = true; //按钮状态未开始还是结束
 var key = 0; //中奖下标
 var time = 0; //定时器

//点击按钮
 function start() {
 if (btn) {
 if ((p1Num <= 0) && (p2Num <= 0) && (p3Num <= 0)) {
 $("button").hide();
 alert("所有抽奖已结束");
 } else if ($('select').val() == 3 && (p3Num <= 0)) {
 alert('三等奖已抽取完毕，请选择其他奖项...');
 } else if ($('select').val() == 2 && (p2Num <= 0)) {
 alert('二等奖已抽取完毕，请选择其他奖项...');
 } else if ($('select').val() == 1 && (p1Num <= 0)) {
 alert("一等奖已抽取完毕，请选择其他奖项...");
 } else {
 btn = false;
 $('button').removeClass('start').addClass('end').text("结束抽奖");
 startTrun();
 }
 } else {
 btn = true;
 $('button').removeClass("end").addClass("start").text("开始抽奖");
 endTrun();

console.log(p3Num, p2Num, p1Num);
     }
 }

function runTime() {
     //$("button").show();
     clearInterval(time);
     time = setInterval('trunNum()', 10);
 }

function trunNum() {
     key = Math.floor(Math.random() * (data.length - 1));
     var tel = data[key].toString().substr(0, 3) + '****' + data[key].toString().substr(7);
     $(".result-box").text(tel);
 }

data.splice(key, 1);
 p1Winner.push(data[key]);
 /*内定
 p1Num--;
 var neiding = p1Num+1; 
 $(".list").prepend("第"+neiding+"名："+initP[p1Num]+""); */
 $(".list").prepend("第" + p1Num + "名：" + data[key] + "");
 p1Num--;
 if (p1Num == 0) {
 $(".list").prepend("一等奖获得者");
 }
 }
 }

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.11.3