Javascript 每 x 秒运行一次循环

Question

这个问题已经有答案了:

Can't manage to sleep inside a loop (5 个回答)

已关闭 8 年前。

我有一个像这样的 for 循环:

for(int i=0; i < 10; i++) {
    MyFunc(i);
}

如何让程序每 3 秒运行一次，以便程序运行 MyFunc(0) ..wait 3 sec.. MyFunc(1) ..wait 3 sec.. 等等？

Answer 1

您需要为每次迭代设置不同的延迟:

for(var i=0; i < 10; i++) {
    runIt(i);
}

function runIt(i) {
    setTimeout(function(){ 
       MyFunc(i);
    }, i * 3000);
}

在这里查看它的实际效果:

for(var i=0; i < 10; i++) {
    runIt(i);
}

function runIt(i) {
    setTimeout(function(){ 
      //MyFunc(i);
      document.body.innerHTML = i;
    }, i * 3000);
}