如何清除使用ES6方式创建的setInterval定时器？代码清除无效问题解决

你现在的问题核心很明确：你把错误的参数传给了clearInterval——你传了函数funca，但clearInterval认的是setInterval返回的定时器唯一ID，不是你要执行的目标函数。

正确的实现步骤 #

要搞定这个问题，只需要两步：

• 调用setInterval时，把它的返回值（定时器ID）存到一个变量里
• 清除定时器时，把这个变量传给clearInterval

给你改好的可运行代码：

// 先定义你的函数
funca = function(a,b){
    console.log(a+b);
}
// 保存setInterval返回的定时器ID
const timerId = setInterval( ()=>{ funca(10,3); }, 500);
// 传入ID清除定时器
clearInterval(timerId);

扩展：实际场景中的用法 #

如果是需要在某个用户操作（比如点击按钮）时才清除定时器，可以参考这个示例：

funca = function(a,b){
    console.log(a+b);
}
// 全局或合适的作用域下保存定时器ID
const timerId = setInterval( ()=>{ funca(10,3); }, 500);

// 假设页面上有个停止按钮
document.getElementById('stopTimerBtn').addEventListener('click', () => {
    clearInterval(timerId);
    console.log('定时器已成功停止');
});

简单总结：setInterval和setTimeout都会返回一个数字ID，这个ID是浏览器用来标记定时器的唯一凭证，只有传入这个ID，clearInterval才能精准找到并停止对应的定时器。你之前传函数funca，浏览器完全不知道你要停哪个定时器，自然就没效果啦。

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