javascript - 如何制作 JS 计数器和重置？

Question

我正在尝试制作一个 JS 计数器来达到随机数并在达到该数字后自行重置并在 5 秒内再次重复。

例如:随机数为0.05。

0.00 > 0.01 > 0.02 > 0.03 > 0.04 > 0.05 > 0.00

<div id="current">0</div>

JS

var randomNum = Math.random();

if ( current <= randomNum ) {
    for (current = 0; current < randomNum; current+=0.01) {
        setInterval(function(){
            current += .01;
        },1000);    } }
    else {
        current = 0;
    }

Answer 1

您可以对变量使用闭包，并在回调内部进行检查，如果大于所需的结果。

该提案使用setInterval 进行计数，使用setTimeout 进行5 秒的等待时间并以新的随机值重新启动。

function startInterval() {
    var randomNum = Math.floor(Math.random() * 8) + 2,
        current = 0,
        interval = setInterval(function() {
            current += .01;
            if (current > randomNum / 100) {
                current = 0;
                clearInterval(interval);
                setTimeout(startInterval, 5000);
            }
            document.getElementById('current').innerHTML = current.toFixed(2);
        }, 1000);
}

startInterval();

<div id="current">0</div>