javascript - for 循环中 setTimeOut 的意外行为

Question

我正在尝试按特定时间间隔将数字记录到控制台。然而，发生的情况是它等待设置的时间间隔，然后正常记录所有内容。

我尝试了两种不同的方法来创建一个闭包，两者都有效。但对延迟的 console.log 不执行任何操作。

function timeOutLoop(x){
   for(var i = 0; i<=x; i++){
    (function(n){
      setTimeout(function(){console.log(n)},5000)
    })(i)

     setTimeout(function(num){
      return function(){
        console.log(num)
      }
    }(i),1000)
  }
}

timeOutLoop(33)

我的印象是每个 setTimeout 都会使用闭包提供的上下文进入事件队列。给出了什么？

Answer 1

setTimeouts 同时开始，因此如果您想在另一个之后开始超时，您可以创建一个递归函数:

function timeOutLoop(x, i=0){
   if(i<=x){
      console.log(i);
      i++;
      setTimeout(function(){timeOutLoop(x, i)},1000);
   }
}
timeOutLoop(33)

您可以将超时值设置为您喜欢的任何值。