zoukankan      html  css  js  c++  java
  • 大转盘

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

    如果用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是几,就知道指向的结果了。

  • 相关阅读:
    绿色通道
    Banknotes
    旅行问题
    修剪草坪
    最大连续和
    动物园
    炮兵阵地
    涂抹果酱
    牧场的安排
    国王
  • 原文地址:https://www.cnblogs.com/haimingpro/p/6076734.html
Copyright © 2011-2022 走看看