当前位置: 首页 > Web前端 > HTML5

jQuery大转盘抽奖代码带时间和弹窗(支持h5)

时间:2023-04-05 15:28:58 HTML5

html:

你已经有了次抽奖机会,点击立即抽奖!~

js:$(function(){var$btn=$('.playbtn');var$btn02=$('.g-lottery-img');var$tan=$('#info');varplaynum=1;//初始号码,从后台传入$('.playnum').html(playnum);varisture=0;varclickfunc=function(){vardata=[1,2,3,4,5];//data是随机结果,根据概率data=data[Math.floor(Math.random()*data.length)];switch(data){case1:rotateFunc(1,36,'01');break;case2:rotateFunc(2,108,'02');休息;案例3:rotateFunc(3,180,'03');休息;案例4:rotateFunc(4,252,'04');休息;案例5:rotateFunc(5,324,'05');}}if(playnum>0){$('.playbtn').addClass("playbtn02");}$btn.click(function(){if(isture)return;//istureisrunning=true;//flagisexecuting//首先判断是否登录,如果没有登录则执行下面的函数if(1==2){$('.playnum').html('0');alert("请先登录");isture=false;}else{//登录后执行以下if(playnum<=0){//当开奖次数为0时,执行alert("没有次数了");$('.playnum').html(0);isture=false;}else{//如果还有次数则执行playnum=playnum-1;//执行转盘,则次数减1if(playnum<=0){playnum=0;}$('.playnum').html(pl埃纳姆);点击函数();}}});varrotateFunc=function(awards,angle,text){isture=true;$btn.stopRotate();$btn02.rotate({angle:0,duration:4000,//旋转时间animateTo:angle+1440,//根据得到的结果让它旋转1440度callback:function(){isture=false;//标记为执行完成$('#info'+text).show();if(playnum<=0){//抽取次数为0时执行$('.playbtn').removeClass("playbtn02");}}});};});下载地址:https://u18725144.ctfile.com/...