jQuery大转盘插件JQuery.Rotate

所属分类:其他-游戏

 35555  379  查看评论 (16)
分享到微信朋友圈
X
jQuery大转盘插件JQuery.Rotate ie兼容9

注:请在移动端浏览查看最佳效果!

JQuery.Rotate是一款好用的旋转插件,具体操作可以看官网,我贴出了我写的公司的大转盘活动的代码,有需要的可以相互学习!

相关插件-游戏

H5小游戏疯狂猜图

直接下载后代开代码内部有详细说明
  游戏
 28150  309

jquery h5 超级玛丽

一款用jquery和html5写的街机版超级玛丽,很好玩哟
  游戏
 43958  453

js版星际争霸

js版星际争霸
  游戏
 64168  304

拼图小游戏,挑战高难度(原创)

利用jQuery写了一个拼图游戏小demo
  游戏
 25453  337

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    苏格拉没有底 0
    2019/2/26 15:45:04
    谢谢 分享 不错不错 回复
    kyra 0
    2019/2/13 15:32:30
    王小胖 0
    2018/8/20 18:41:59
    lxyu 0
    2018/7/24 15:54:37
    0
    2018/6/7 17:33:51
    Mrtu 0
    2018/5/19 10:01:08
    很好,谢谢分享 回复
    Mr L・Y 0
    2018/4/17 22:40:22
    请问图片和奖品名称可以后台上传吗? 回复
    宁静致远 0
    2018/4/13 16:05:18
    WckY 0
    2018/4/1 14:25:51
    switch (data) {
        case 1:
            rotateFunc(1, 25, '双季丰0.1%加息红包');
            break;
        case 2:
            rotateFunc(2, 70, '双季丰满减红包10元');
            break;
        case 3:
            rotateFunc(3, 115, '1元现金红包');
            break;
        case 4:
            rotateFunc(4, 160, '财金币20枚');
            break;
        case 5:
            rotateFunc(5, 203, '20元现金红包');
            break;
        case 6:
            rotateFunc(6, 245, '双季丰0.5%加息红包');
            break;
        case 7:
            rotateFunc(7, 290, '双季丰满减红包50元');
            break;
        case 8:
            rotateFunc(8, 340, '5元现金红包');
            break;
    }

    没明白1-8里后面跟着的数字具体代表什么含义 请问是概率吗 具体的规则又是怎么计算的呢 比如产品要求第一个奖品的概率是20% 总共8个加起来100% 剩余7个我们前端控制 这里作者是怎么处理的呢

        microsoftvs1
        2018/4/1 15:42:08

        后面是角度,不要把概率写在前端页面,这样很容易被修改,以下是下概率算法
        在这里我们需要先做一个能产生 1- 100之间的随机数,代码如下:
        金钱    概率
        500     1%
        300     5%
        100    24%
        50      70%

        /**
        * 产生一个随机数
        * @param min   - 最小数
        * @param max   - 最大数
        * @return
        *    最小数 和 最大数 - 1 范围的数
        *    例如:
        *      for (var i:int = 0; i < 300; i++) {
        *         trace(JFRandomUtil.random(1,3).toString());
        *      }
        *      结果:
        *         1,2,1,1,1,1,2 ....,1,1,2,2,2,2,2,1,1,1,2
        */
        function random(min:Number, max:Number):Number {
           return Math.floor(Math.random() * (max - min)) + min;
        }

        随机随机函数搞定后,我们接下来就做一个概率计算函数,代码如下:

        /**
        * 根据概率表产生一个概率下标
        * @param arg_ProbabilityTable  - 概率表
        * @return
        *  概率表下标
        */
        function makeProbabilityValues(arg_ProbabilityTable:Array):int {
           var i:int;
           var randomValue:int = random(1,101);
           for (i = 0; i < arg_ProbabilityTable.length; i++) {
               if (randomValue  <= arg_ProbabilityTable[i]) {
                   return i;
               }
               randomValue -= arg_ProbabilityTable[i];
           }
           return arg_ProbabilityTable.length;
        }

        好了,接下来测试一下吧!

        var oneCount:int = 0;
        var twoCount:int = 0;
        var threeCount:int = 0;
        var fourCount:int = 0;
        for (var i:int = 0; i < 10000; i++) {
           var j:int = makeProbabilityValues([70,24,5,1]);
           if (j < 0 || j > 3) {
               Trace('error! j='+j.toString());
           }
           if (j == 0) {
               ++oneCount;
           }
           if (j == 1) {
               ++twoCount;
           }
           if (j == 2) {
               ++threeCount;
           }
           if (j == 3) {
               ++fourCount;
           }
        }
        Trace ('one = ' + oneCount.toString() + ' two:' + twoCount.toString() + ' three:' + threeCount.toString() + ' four:' + fourCount.toString());
    回复
    她、 0
    2018/1/24 10:44:49

    可以设置概率吗

        可以可以,都可以0
        2018/7/20 17:57:07
        不要把概率写在前端页面,这样很容易被修改
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复