为何这段含setTimeout的代码无法按1秒间隔依次输出5、4、3、2、1？

你的代码存在两个核心问题，导致无法实现预期效果：

1. 所有定时器同步触发且延迟时间一致 #

setTimeout属于异步任务，当你调用printDelay(5)时，代码会同步执行以下流程：

• 为数字5设置一个1秒后执行的定时器
• j递减为4，立刻递归调用函数（你代码里写的print(j)是笔误，实际应该调用printDelay(j)）
• 重复上述操作，为4、3、2、1分别设置1秒后执行的定时器
  直到j=0时输出END!。

所有定时器是在几乎同一时间被安排的，延迟时间都是1秒，因此1秒后所有console.log(j)会一次性执行，而非依次间隔1秒输出。

2. 递归调用的函数名错误（笔误） #

代码里递归时写的是print(j)，但你定义的函数是printDelay，这个错误会直接抛出print is not defined的异常，连后续的定时器都无法正常设置。

修复方案 #

如果要实现依次间隔1秒输出5到1，有两种常用思路：

方案一：累加延迟时间 #

通过计算每次的延迟时长，让后续数字的输出时间依次延后1秒：

function printDelay(j) {
  if (j != 0) {
    // 每次延迟时间递增1秒，确保输出顺序和间隔
    setTimeout(() => {
      console.log(j);
    }, (5 - j + 1) * 1000);
    j--;
    printDelay(j);
  } else {
    // 最后在所有数字输出后再打印END!
    setTimeout(() => {
      console.log("END!");
    }, 6000);
  }
}

printDelay(5);

方案二：递归等待定时器完成 #

让每个定时器执行完输出操作后，再递归调用下一次，保证严格的顺序和间隔：

function printDelay(j) {
  if (j != 0) {
    setTimeout(() => {
      console.log(j);
      j--;
      // 上一个定时器执行完毕后，再启动下一次递归
      printDelay(j);
    }, 1000);
  } else {
    console.log("END!");
  }
}

printDelay(5);

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