如何在JavaScript中停止SetInterval？调用clearInterval无效求助

算力阿峰

2026-7-8

解决setInterval无法被clearInterval停止的问题

问题根源

变量作用域失效：你在第一个if分支里用let myInterval声明变量，该变量仅在当前分支的局部作用域有效，第二个else if分支无法访问到这个定时器ID，导致clearInterval拿不到正确的目标，自然无法停止定时器。
clearInterval调用错误：clearInterval只需要传入定时器ID这一个参数，你写的myInterval = clearInterval(myInterval, 0)是错误用法——它没有第二个参数，且返回值为undefined，赋值后反而会让变量变成无效值。

修正后的代码

将定时器变量声明移到函数外部，确保所有分支都能访问：

// 把定时器变量放在函数外部，保证全局可访问
let myInterval;

function likeButtonFunction () {
    if (unlikeText.classList.contains('not-active')) {
        likeText.classList.add('not-active');
        unlikeText.classList.remove('not-active');
        // 创建新定时器前先清除旧的，避免重复叠加
        if (myInterval) {
            clearInterval(myInterval);
        }
        myInterval = setInterval(hearts, 100);
    }
    else if (likeText.classList.contains('not-active')) {
        unlikeText.classList.add('not-active');
        likeText.classList.remove('not-active');
        // 确认定时器存在后再清除，避免无意义调用
        if (myInterval) {
            clearInterval(myInterval);
            myInterval = null; // 重置变量，标记当前无活跃定时器
        }
    }
}

likeButton.addEventListener('click', likeButtonFunction);