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

  • 相关阅读:
    「PHP」使用 Homestead 作为 thinkphp5 的开发环境
    「PHP」Homestead 安装 swoole
    「PHP」Homestead
    存储过程
    Windows不能用鼠标双击运行jar文件怎么办?
    spring事务管理
    xml页面开头报错Multiple annotations found at this line
    修行
    jsp页面get和post不同导致的乱码问题
    VC执行Cmd命令,并获取结果
  • 原文地址:https://www.cnblogs.com/haimingpro/p/6076734.html
Copyright © 2011-2022 走看看