转盘抽奖,是怎么知道最后指向哪里呢。
如果用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是几,就知道指向的结果了。