Javascript 关闭 setTimeout 间隔问题

Question

为什么每 1 秒记录一次以下内容？我将 1000 毫秒乘以增量。我的日志不应该在 1 秒、2 秒、3 秒后显示吗？

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

JSFIDDLE

Answer 1

它工作正常，基本上，循环用作编写此代码的简写:

setTimeout( function(){ console.log(0) }, 1000)
setTimeout( function(){ console.log(1) }, 2000)
setTimeout( function(){ console.log(2) }, 3000)
setTimeout( function(){ console.log(3) }, 4000)
setTimeout( function(){ console.log(4) }, 5000)

所以每个看起来像这样一个接一个地熄灭是有道理的:

▀
▀▀
▀▀▀
▀▀▀▀
▀▀▀▀▀

您可能正在寻找的是

(function newTimeout( seconds ){
  if( seconds > 4 ) return;
  console.log(seconds);
  setTimeout( function(){
    newTimeout( seconds + 1 )
  }, seconds * 1000);
})(0);

看起来像这样

▀
 ▀▀
   ▀▀▀
      ▀▀▀▀
          ▀▀▀▀▀

希望对您有所帮助!