jQuery大转盘插件JQuery.Rotate

所属分类:其他-游戏

 5546  62  查看评论 (9)
jQuery大转盘插件JQuery.Rotate ie兼容9

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

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

相关插件-游戏

原生jQuer贪吃蛇游戏(原创)

原生jQuer贪吃蛇游戏,请大家参考。
  游戏
 3116  7

飞机大战(原创)

js用的es5语法,兼容大部分浏览器!支持移动端(代码注释非常全,要学习的抓紧收了。)
  游戏
 8503  60

jQuery旋转抽奖

使用jq插件rotate编辑的抽奖插件
  游戏
 11482  81

canvas跳一跳小游戏

canvas小游戏,除了画面不如微信的跳一跳,别的还是可以的。
  游戏
 3385  24

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    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/1/23 14:11:25

    楼主我抽中20元红包怎么说

         LAsf。   0
        2018/3/27 11:02:24
        接着抽
    回复
    点点爱 0
    2017/11/26 12:05:22
    白茶 0
    2017/11/22 16:01:07
取消回复