大转盘

转盘抽奖,是怎么知道最后指向哪里呢。

如果用jQueryRotate来做的话,转盘用一张图,按钮指针用一张图".startBtn"

它的回调函数里面会有一个index,二这个index由于要抽奖是每次点击生成随机数,

旋转的角度肯定是360度除以你让它旋转的一份角度乘以index份数的倍数:

$(function(){
            var num=$(".chanceTips em").html();
            var index=0;
            var oldIndex=0;
            var isFirst=0;
            var isClick=false;
            var rotateFunc = function(awards,angle){  
                $(".startBtn").rotate({
                    angle:360/8*oldIndex, //在回调中已经被点击时产生的随机数赋值
  laps:
2, duration: 3000, animateTo: angle, easing: $.easing.easeInOutExpo, callback:function(){ oldIndex=index; isClick=false; if(index==1){alert("恭喜获得一等奖!"); return false;} if(index==2){alert("恭喜获得鼓励奖!"); return false;} if(index==4){alert("恭喜获得二等奖!"); return false;} if(index==7){alert("恭喜获得三等奖!"); return false;} alert("谢谢您!"); } }); }; $(".startBtn").click(function(){ if(!isClick){ if(num==0){alert("抽奖次数已满!");return false;} isClick=true; num--; $(".chanceTips em").html(num); index = Math.floor(Math.random(0)*8)+1; if(isFirst==0)rotateFunc(index,360/8*index+720);else rotateFunc(index,360/8*index); isFirst++; } }); })

 由于index是自己设定低于份数的随机数,所以index是几,就知道指向的结果了。

原文地址:https://www.cnblogs.com/haimingpro/p/6076734.html