大转盘代码概率算法已经写好

所属分类： JQ特效其他游戏

查看演示立即下载

插件描述：分享大转盘代码全css3实现无图片概率算法已经写好

大转盘由原生js实现

里面已经写好概率算法

下面附带一下简答你的代码 :

任何问题加QQ 1041993416 ; 在的话会回应 ; 以后还会分享其他代码 ;

转盘旋转结构

<ul id="wheel" class="wheel-list">
    <li style="transform: rotate(0deg);">
        <i style="transform: rotate(30deg) skewY(30deg);">
        </i>
        <div class="prize">
            <h3>
                一等奖
            </h3>
            <p>
                iPhone6 plus
            </p>
        </div>
    </li>
    <li style="transform: rotate(60deg);">
        <i style="transform: rotate(30deg) skewY(30deg);">
        </i>
        <div class="prize">
            <h3>
                再接再厉
            </h3>
            <p>
                呜呜 没有中奖 ...
            </p>
        </div>
    </li>
    <li style="transform: rotate(120deg);">
        <i style="transform: rotate(30deg) skewY(30deg);">
        </i>
        <div class="prize">
            <h3>
                鼓励奖
            </h3>
            <p>
                差一点啊
            </p>
        </div>
    </li>
    <li style="transform: rotate(180deg);">
        <i style="transform: rotate(30deg) skewY(30deg);">
        </i>
        <div class="prize">
            <h3>
                四等奖
            </h3>
            <p>
                特级红富士一个
            </p>
        </div>
    </li>
    <li style="transform: rotate(240deg);">
        <i style="transform: rotate(30deg) skewY(30deg);">
        </i>
        <div class="prize">
            <h3>
                三等奖
            </h3>
            <p>
                iPad mini retina
            </p>
        </div>
    </li>
    <li style="transform: rotate(300deg);">
        <i style="transform: rotate(30deg) skewY(30deg);">
        </i>
        <div class="prize">
            <h3>
                二等奖
            </h3>
            <p>
                iPad Air2
            </p>
        </div>
    </li>
</ul>

算法js :

//开始 function  ran = 随机 
function operation(ran) {
    lenCloc++;
    var Prize = turntable[ran] - 1,
    sun = turn * 360; //编号  // 度数  //  时间
    if (Prize >= totalNum) {
        Prize = 0;
    }
    var soBuom = parseInt(Math.floor(Math.random() * 60) - 30);
        //避免多次出现1等奖 所以要删除 下标 
    turntable.splice(ran, 1);
    //旋转度数 = 上次度数+ 最小圈数 * 360 + 当前数字 * 60 +随机角度  = 最终旋转度数
    wheel.style.transform = "rotate(" + ((lenCloc * sun + Prize * 60) + soBuom) + "deg)";
    //wheel.style.webkitTransform = "rotate("+((lenCloc*sun+Prize*60)+soBuom)+"deg)";
    setTimeout(function() {
        alert("您获得了奖品编号:" + PrizeSon[Prize]);
        isStatr = false;
    },
    3200);
}

简单参数:

var totalNum = 6 ; // 转盘 总数
var trunNum = [ 1 , 2 , 3 , 4 , 5 , 6 ]; //概率奖品 编号
var turntable = [] ; // 随机概率计算
var isStatr = false ; //锁 专拍没有执行完的时候 不可以再次点击 ;
var lenCloc = 0 ; //当前第几次计算叠加的度数
var turn  = 3 ; //转盘旋转最低的圈数

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： ets常用的数据统计图（原创）
下一个特效：移动端jQuery拖拽滑动验证码插件