如何实现控制台消息替换且防止其快速消失？

你的问题核心在于每个数字的显示时长仅99毫秒（比如console.log("1")在1000ms执行，console.clear()在1099ms执行，间隔极短），肉眼根本来不及阅读。另外，多个独立的setTimeout依赖固定时间差，容易因JS事件循环的延迟出现时序偏差，导致你调整时长后也达不到预期效果。

优化方案：链式调用控制时序 #

用链式的setTimeout确保每个步骤按顺序执行，精准控制数字的显示时长：

// 递归函数实现秒表逻辑
function runStopwatch(currentNum, maxNum) {
  // 显示当前数字
  console.log(currentNum);
  
  // 数字显示指定时长后清除控制台，再执行下一步
  setTimeout(() => {
    console.clear();
    // 未到最大值则继续计数
    if (currentNum < maxNum) {
      // 清除后可留短暂间隔，也可直接调用下一轮
      setTimeout(() => {
        runStopwatch(currentNum + 1, maxNum);
      }, 100);
    }
  }, 1000); // 数字持续显示1秒，可按需修改为2000（2秒）等数值
}

// 启动秒表：从1数到3
runStopwatch(1, 3);

方案说明 #

• 每个数字会在控制台稳定显示1秒（可修改1000调整时长），完全足够阅读。
• 链式调用避免了独立setTimeout的时序偏差，确保「显示数字→清除→显示下一个」的顺序绝对正确。
• 修改maxNum参数可调整秒表的最大值，比如改成10就会从1数到10。

内容的提问来源于stack exchange，提问作者Mr. Biscuit