如何将JavaScript计数器计时器重置为0？

你的核心问题是只清除了计时器，但没有重置计数变量num和页面显示。之前尝试直接修改counter.innerHTML = 0但没重置num，所以计时器未停止的情况下，下一次countUp执行时会沿用旧的num值继续递增。

下面是两种常用的解决方案：

方案1：重置后停止在0 #

修改stuff函数，同时完成清除计时器、重置变量、更新页面三个操作：

function stuff() {
    clearInterval(timer);
    num = 0; // 重置计数变量
    counter.innerHTML = num; // 同步更新页面显示
}

方案2：重置后立即重新开始计数 #

如果需要点击重置后计数器从0重新递增，要在重置后重新启动计时器：

function stuff() {
    clearInterval(timer); // 先清除旧计时器，避免多个计时器同时运行导致计数加速
    num = 0;
    counter.innerHTML = num;
    timer = setInterval(countUp, 1000); // 重新启动计数
}

关键说明 #

• 必须重置num变量：它是计数的核心状态，仅修改DOM显示而不更新变量的话，后续计数会沿用旧值。
• 重启计时器前务必清除旧实例：若直接创建新计时器不清旧的，会导致多个计时器同时触发，计数速度异常。

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