如何实现for循环中setTimeout延迟时间随循环逐次递增

你遇到的所有日志集中在1秒后输出的问题，本质是所有setTimeout的延迟时间被设为了相同的固定值，没有按迭代顺序递增。你贴出的let+i*1000写法在标准ES6环境下本可以实现预期效果，如果运行异常，通常是运行环境对let块级作用域支持不全，或是实际运行代码误将延迟写为固定1000ms。

方案1：批量注册定时器（适合简单固定间隔场景） #

直接给每个定时器计算从程序启动到触发的绝对时间，用let保证每次循环的计数器独立：

for (let i = 1; i <= 3; i++) {
  setTimeout(() => {
    console.log(i);
  }, i * 1000);
}

如果需要兼容不支持let的老旧环境，用立即执行函数创建闭包隔离变量即可：

for (var i = 1; i <= 3; i++) {
  (function (currentIndex) {
    setTimeout(() => {
      console.log(currentIndex);
    }, currentIndex * 1000);
  })(i);
}

方案2：递归链式调用（适合需要追加间隔逻辑的场景） #

如果你需要在两次日志输出之间插入其他执行逻辑，推荐在上一次定时器回调执行完成后，再注册下一次的定时器，延迟逻辑更灵活：

function runStep(current, max) {
  if (current > max) return;
  setTimeout(() => {
    console.log(current);
    // 本次输出完成后，等待1秒执行下一次
    runStep(current + 1, max);
  }, 1000);
}

// 启动：从1打印到3
runStep(1, 3);

两种方案都能完全匹配你的预期：

• 程序启动1秒后输出1
• 程序启动2秒后输出2
• 程序启动3秒后输出3

内容的提问来源于stack exchange，提问作者user9151444