JavaScript：适用于超时的循环

我想我的for循环不应该一次执行,而是在每次迭代后等待超时.例如：

for(var i=0; i<10; i++) {
    console.log(i);
    //wait for 1000
}

我发现堆栈溢出的许多解决方案就像这样：

for (var i=0;i<=10;i++) {
   (function(ind) {
       setTimeout(function(){console.log(ind);},3000);
   })(i);
}

但是在所有的实现中,循环首先等待3000,然后一次执行整个for循环.有一种方法,每次迭代等待1000后调用.

解决方法

你可以用简单的数学方法来解决这个问题：

for (var i=0;i<=10;i++) {
   (function(ind) {
       setTimeout(function(){console.log(ind);},1000 + (3000 * ind));
   })(i);
}

1000ms : 0
4000ms : 1
7000ms : 2
10000ms : 3
13000ms : 4
…

遵循评论

看来你的请求有点模糊.如果您想在最后一次超时后执行某些操作,可以设置限制并比较当前索引：

var limit = 10
for (var i=0;i<=limit;i++) {
   (function(ind) {
       setTimeout(function(){
           console.log(ind);
           if(ind === limit){
               console.log('It was the last one');
           }
       },1000 + (3000 * ind));
   })(i);
}

小提琴：http://jsfiddle.net/Tn4A7/

我想我知道你想要什么

它只是简单地做

for (var i=0;i<=10;i++) {
   (function(ind) {
       setTimeout(function(){console.log(ind);},1000 * ind);
   })(i);
}

原文地址：https://www.jb51.cc/js/154044.html