JavaScript计时器到0无法停止问题求助：从20倒计时异常排查

你的代码有三个核心问题导致定时器无法停止且逻辑异常：

1. 条件判断使用赋值运算符而非比较运算符
   你写的counter = 0是赋值操作，不是判断counter是否等于0。而且这个分支永远不会被触发——因为当counter≤10时（包括counter=0），会优先进入第二个else if分支。

2. 未清除定时器
   setInterval会每隔1秒重复执行回调函数，除非调用clearInterval手动停止。即使counter到0，定时器仍会继续运行，导致counter不断递减为负数。

3. 逻辑分支顺序与文本覆盖问题
   判断counter=0的逻辑应该放在counter<=10之前，否则会被后者覆盖；另外最后一行的timerCount.innerText = counter会把你设置的'Voting has ended'文本覆盖掉，导致看不到结束提示。

修正后的代码： #

let timerCount = document.querySelector('.imposters__voting span')
let counter = 20; 
// 保存定时器ID，用于后续清除
const timer = setInterval(function(){
    if (counter === 0) {
        document.querySelector('.imposters__voting').style.color = 'red'
        document.querySelector('.imposters__voting').innerText = 'Voting has ended'
        // 清除定时器，停止倒计时
        clearInterval(timer)
        return // 终止后续代码执行，避免覆盖文本
    } else if(counter <= 10){
        counter--;
        document.querySelector('.imposters__voting').style.color = 'red'
    } else {
        counter--; 
    }
    timerCount.innerText = counter
}, 1000)

关键修改说明： #

• 用counter === 0替代counter = 0，并且把这个判断放在最前面，确保优先触发结束逻辑
• 保存setInterval返回的定时器ID，在counter=0时调用clearInterval(timer)停止定时器
• 在结束逻辑里添加return，避免后续执行timerCount.innerText = counter覆盖结束提示
• 简化分支结构，把counter>11的逻辑合并到else分支，让代码更简洁

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