Javascript Slot Machine Bug？

Question

我现在正在编写JS和PHP中的一种老虎机。

我在网上发现了一个运行3个“项目”的脚本。

所以现在我添加了一些，但它只计算数字而不是所有在卷轴数组中定义的数字？ ......

我的问题是为什么？

这是我的代码：

<script type="text/javascript">
/*
    requestAnimationFrame polyfill
*/
(function(w){
    var lastTime = 0,
        vendors = ['webkit', /*'moz',*/ 'o', 'ms'];
    for (var i = 0; i < vendors.length && !w.requestAnimationFrame; ++i){
        w.requestAnimationFrame = w[vendors[i] + 'RequestAnimationFrame'];
        w.cancelAnimationFrame = w[vendors[i] + 'CancelAnimationFrame']
            || w[vendors[i] + 'CancelRequestAnimationFrame'];
    }

    if (!w.requestAnimationFrame)
        w.requestAnimationFrame = function(callback, element){
            var currTime = +new Date(),
                timeToCall = Math.max(0, 16 - (currTime - lastTime)),
                id = w.setTimeout(function(){ callback(currTime + timeToCall) }, timeToCall);
            lastTime = currTime + timeToCall;
            return id;
        };

    if (!w.cancelAnimationFrame)
        w.cancelAnimationFrame = function(id){
        clearTimeout(id);
    };
})(this);

/*
    Slot Machine
*/
var sm = (function(undefined){

    var tMax = 3000, // animation time, ms
        height = 210,
        speeds = [],
        r = [],
        reels = [
            ['1',  '2', '3', '4', '5', '6', '7', '8', '9', '0'],
            ['1',  '2', '3', '4', '5', '6', '7', '8', '9', '0'],
            ['1',  '2',  '3', '4', '5', '6', '7', '8', '9', '0']
        ],
        $reels, $msg,
        start;

    function init(){
        $reels = $('.reel').each(function(i, el){
            el.innerHTML = '<div><p>' + reels[i].join('</p><p>') + '</p></div><div><p>' + reels[i].join('</p><p>') + '</p></div>'
        });

        $msg = $('.msg');

        $('button').click(action);
    }

    function action(){
        if (start !== undefined) return;

        for (var i = 0; i < 3; ++i) {
            speeds[i] = Math.random() + .5; 
            r[i] = (Math.random() * 3 | 0) * height / 3;
        }

        $msg.html('Spinning...');
        animate();
    }

    function animate(now){
        if (!start) start = now;
        var t = now - start || 0;

        for (var i = 0; i < 3; ++i)
            $reels[i].scrollTop = (speeds[i] / tMax / 2 * (tMax - t) * (tMax - t) + r[i]) % height | 0;

        if (t < tMax)
            requestAnimationFrame(animate);
        else {
            start = undefined;
            check();
        }
    }

    function check(){
        $msg.html(
            r[0] === r[1] && r[1] === r[2] ?
                'You won! Enjoy your ' + reels[1][ (r[0] / 70 + 1) % 3 | 0 ].split(' ')[0]
            :
                'Try again'
        );
    }

    return {init: init}

})();

$(sm.init);
</script>

我没有得到错误的位置或可能的位置？

它仅在单轮中显示数字1-4，而不是0-9 这是必须的。

我在哪个部门监督？

Answer 1

如果您希望for循环计数到数组中的最大值，则必须告诉它这样做。目前你仍然将它编码为在3之前停止，这就是它的作用。