JavaScript倒计时计时器异常：跳过1和0直接结束问题排查

让我来拆解一下为什么你的计时器会从3跳到2就直接结束，根本不显示1和0：

1. 每次调用都新建定时器，多个定时器同时"抢着"减数值 #

你的countDown函数最后一行是var ncount = setInterval("countDown()", 1000)——这意味着每执行一次countDown，就会新增一个独立的定时器：

• 第一次点击按钮，运行countDown，显示3，count减到2，然后创建第一个定时器，1秒后再跑一次countDown；
• 第二次跑countDown时，显示2，count减到1，又创建第二个定时器；
• 接下来两个定时器会同时触发，瞬间把count从1减到0再减到-1，直接触发隐藏逻辑，看起来就像跳过了1和0。

2. 定时器变量ncount根本清不掉之前的定时器 #

ncount是countDown内部的局部变量，每次函数调用都会重新生成一个新的ncount。当你在else里执行clearInterval(ncount)时，清的只是当前这次函数调用刚创建的定时器，之前的那些定时器还在后台跑着，根本停不下来。

3. 逻辑顺序错了，没机会显示0 #

当前代码是先显示count，再判断要不要减。当count变成0时，直接进入else分支隐藏元素，连0的显示机会都没有。而且多个定时器同时操作count，会让count直接跳到负数，连1都来不及显示。

给你改好的代码（用setTimeout更适合倒计时场景） #

var count = 3;
var timer; // 把定时器ID存在全局，方便清除

function countDown() {
  // 先显示当前的count值
  document.getElementById("count").innerHTML = count;
  
  // 如果已经到0了，就隐藏并停止定时器
  if (count === 0) {
    document.getElementById("count").style.display = "none";
    clearTimeout(timer);
    return;
  }
  
  // 数值减1，然后设置下一次调用
  count--;
  timer = setTimeout(countDown, 1000);
}

这里用setTimeout代替setInterval，每次只安排下一次的执行，不会重复创建定时器；同时把timer放在全局，能正确清除；逻辑顺序也调整成先显示再判断，确保0能正常显示后再隐藏。

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