我希望我的 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);
}
不要在 loops 内创建函数，而是：
(function fiveSeconds (n) {
if (n < 5) setTimeout(function () {
fiveSeconds ( n ); // Redo if n < 5 (and pass n)
}, 1000);
console.log( n++ );
} (0)); // Initialize. n is 0以上将以1 秒的间隔记录0 - 5 之间的十个数字。
(function fiveSeconds (n) {
console.log( n++ );
if (n <= 5) setTimeout( fiveSeconds, 1000, n ); // Redo if n <= 5 (and pass n)
} (0)); // Initialize. n is 0为什么不使用这样的东西：
var i = 0
var id = window.setInterval(function(){
if(i >= 10) {
clearInterval(id);
return;
}
console.log(i);
i++;
}, 1000)
这有效：
function initiateTimeOut(i) {
setTimeout(function() { doStuff(i) }, 30);
}
function doStuff(i) {
console.log(i);
i++;
if (i <= 10) {
initiateTimeOut(i);
}
}
initiateTimeOut(0);
这样你只会i在你的函数执行时增加，我相信这就是你要找的。
小提琴示例：http : //jsfiddle.net/My7Zg/
或者，甚至更短（http://jsfiddle.net/My7Zg/1/）：
function customLoop(i) {
console.log(i);
i++;
if (i<=10) {setTimeout(function(){customLoop(i);},1000);}
}
customLoop(0);
for (var i=0;i<=10;i++) {
(function(ind) {
setTimeout(function(){console.log((ind + 1)*1000, ':', ind);}, 1000 * (ind+1) );
})(i);
}
输出：
1000 : 0
2000 : 1
3000 : 2
4000 : 3
5000 : 4
6000 : 5
7000 : 6
8000 : 7
9000 : 8
10000 : 9
11000 : 10