这是一款jQuery实现的圆形大转盘抽奖网页特效,带有剩余抽奖次数,限制次数的大转盘抽奖代码。
JS代码
<script type=\"text/javascript\" src=\"js/jquery.rotate.min.js\"></script> <script> $(function() { var $btn = $(\'.playbtn\'); var playnum = 1; //初始次数,由后台传入 $(\'.playnum\').html(playnum); var isture = 0; var clickfunc = function() { var data = [1, 2, 3, 4, 5, 6]; //data为随机出来的结果,根据概率后的结果 data = data[Math.floor(Math.random() * data.length)]; switch(data) { case 1: rotateFunc(1, 0, \'恭喜您获得2000元理财金!\'); break; case 2: rotateFunc(2, 60, \'谢谢参与~再来一次吧~\'); break; case 3: rotateFunc(3, 120, \'恭喜您获得5200元理财金!\'); break; case 4: rotateFunc(4, 180, \'恭喜您获得100元京东E卡,将在次日以短信形式下发到您的手机上,请注意查收!\'); break; case 5: rotateFunc(5, 240, \'谢谢参与~再来一次吧~\'); break; case 6: rotateFunc(6, 300, \'恭喜您获得1000元理财金!\'); break; } } $btn.click(function() { if(isture) return; // 如果在执行就退出 isture = true; // 标志为 在执行 //先判断是否登录,未登录则执行下面的函数 if(1 == 2) { $(\'.playnum\').html(\'0\'); alert(\"请先登录\"); isture = false; } else { //登录了就执行下面 if(playnum <= 0) { //当抽奖次数为0的时候执行 alert(\"没有次数了\"); $(\'.playnum\').html(0); isture = false; } else { //还有次数就执行 playnum = playnum - 1; //执行转盘了则次数减1 if(playnum <= 0) { playnum = 0; } $(\'.playnum\').html(playnum); clickfunc(); } } }); var rotateFunc = function(awards, angle, text) { isture = true; $btn.stopRotate(); $btn.rotate({ angle: 0, duration: 4000, //旋转时间 animateTo: angle + 1440, //让它根据得出来的结果加上1440度旋转 callback: function() { isture = false; // 标志为 执行完毕 alert(text); } }); }; }); </script>
暂无评论内容