javascript - 改变循环中 console.log 的速度

Question

我想在我的循环中减慢 console.log

    // function update to actualize value
function update() {
    requestAnimationFrame(update);
    analyser.getByteFrequencyData(data);

    var count=0;
    for (var i=data.length; i--;) {
    count+=data[i];
        if(count >= 1) {
            console.log(data);
        }
    };
}

例如，立即显示一个console.log，然后，每.5s 我们怎样才能做到这一点？ (也许用 setTimeout() 但我不想开始延迟)

Answer 1

最简单的方法是在每次再次运行更新之前引入超时...

// function update to actualize value
function update() {
    analyser.getByteFrequencyData(data);

    var count=0;

    for (var i=data.length; i--;) {
        count+=data[i];
        if(count >= 1) {
            console.log(data);
        }
    };

    requestAnimationFrame(function() {
        setTimeout(update, 5000);
    });
}

我使用 setTimeout() 优先于 setInterval() 因为这样做(以及将调用移动到函数的末尾)将确保一切都完成后，开始5秒暂停。如果前面的代码花费的时间超过 5 秒，它可以确保没有重叠。