<html><head><style></style></head><body><div class="bigBlue"> <samp class="count">抽獎次數：<i>3</i></samp> <div class="lottery" id="lottery"> <ul> <li class="lottery-unit lottery-unit-0"> <div> <img src="images/pize/01.png"> </div> </li> <li class="lottery-unit lottery-unit-1"> <div> <img src="images/pize/02.png"> </div> </li> <li class="lottery-unit lottery-unit-2"> <div> <img src="images/pize/03.png"> </div> </li> <li class="lottery-unit lottery-unit-3"> <div> <img src="images/pize/04.png"> </div> </li> <li class="lottery-unit lottery-unit-4"> <div> <img src="images/pize/05.png"> </div> </li> <li class="lottery-unit lottery-unit-5"> <div> <img src="images/pize/06.png"> </div> </li> <li class="lottery-unit lottery-unit-6"> <div> <img src="images/pize/07.png"> </div> </li> <li class="lottery-unit lottery-unit-7"> <div> <img src="images/pize/08.png"> </div> </li> <li id="putClick"> <div> <input type="image" src="images/click.png"> </div> </li> </ul> </div></div><script>var isClick=false;var newCount=3;;//九宮格抽獎var lottery={ index:-1, //當前轉動到哪個位置，起點位置 count:0, //總共有多少個位置 timer:0, //setTimeout的ID，用clearTimeout清除 speed:20, //初始轉動速度 times:0, //轉動次數 cycle:50, //轉動基本次數：即至少需要轉動多少次再進入抽獎環節 PRize:-1, //中獎位置 init:function(id){ if ($("#"+id).find(".lottery-unit").length>0) { $lottery = $("#"+id); $units = $lottery.find(".lottery-unit"); this.obj = $lottery; this.count = $units.length; $lottery.find(".lottery-unit-"+this.index).addClass("active"); }; }, roll:function(){ var index = this.index; var count = this.count; var lottery = this.obj; // console.log(index); $(lottery).find(".lottery-unit-"+index).removeClass("active"); index += 1; if (index>count-1) { index = 0; }; $(lottery).find(".lottery-unit-"+index).addClass("active"); this.index=index; return false; }, stop:function(index){ this.prize=index; return false; } }; function roll(){ lottery.times += 1; lottery.roll(); if (lottery.times > lottery.cycle+10 && lottery.prize==lottery.index) { clearTimeout(lottery.timer); // clearInterval(timer); lottery.prize=-1; lottery.times=0; showPrize(); click=false; isClick=false; if(isClick==false){ $("#putClick input").attr('disabled',false); } }else{ if (lottery.times<lottery.cycle) { lottery.speed -= 10; }else if(lottery.times==lottery.cycle) { var index = Math.random()*(lottery.count)|0; lottery.prize = index; }else{ if (lottery.times > lottery.cycle+10 && ((lottery.prize==0 && lottery.index==7) || lottery.prize==lottery.index+1)) { lottery.speed += 110; }else{ lottery.speed += 20; } } if (lottery.speed<40) { lottery.speed=40; }; //console.log(lottery.times+'^^^^^^'+lottery.speed+'^^^^^^^'+lottery.prize); lottery.timer = setTimeout(roll,lottery.speed); } return false; } var click=false; window.onload=function(){ lottery.init('lottery'); $("#putClick input").click(function(){ newCount--; if(newCount<0){ checkAll('君，您今天的抽獎次數已達上限，請明天再來！'); return false; } $('.count i').text(newCount); if (click) { return false; }else{ lottery.speed=100; roll(); click=true; isClick=true; if(isClick){ $("#putClick input").attr('disabled',true); } return false; } }); };</script></body></html>
新聞熱點
疑難解答
