clearInterval 清除计时器后，定时器回调还执行问题解决

Jiang_JY

于 2024-01-25 16:31:54 发布

阅读量1.6k

点赞数 9

分类专栏：前端 javascript 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/jiangjunyuan168/article/details/135847750

版权

前端同时被 2 个专栏收录

117 篇文章 11 订阅

订阅专栏

javascript

59 篇文章 1 订阅

订阅专栏

文章讲述了在JavaScript中，如何避免在clearInterval后回调函数仍执行一次的问题。作者建议在回调函数中添加isClear变量检查，当isClear为true时停止执行并返回，同时在清除定时器时将isClear置为true。

摘要由CSDN通过智能技术生成

问题

在使用 setInterval 的过程中，通过 clearInterval 清除定时器后回调函数依旧执行了一次才被清除。

解决方法

在回调函数中添加一个判断，在清除定时器时将该判断条件设置成通过，回调函数通过后 return 出去即可，具体代码如下：

var isClear = false
var timer = setInterval(() => {
	if(isClear) return //回调函数判断到 isClear 值为true时不往下执行
    console.log("setInterval执行");
},3000)

setTimeout(() => {
	clearInterval(interv);
	timer = null
	var isClear = true //在清空定时器的同时将 isClear 设置为true
},9000)