JavaScript:适用于超时的循环

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/154044.html

猜你在找的JavaScript相关文章