如何清除全部的定时器

通过 setTimeout() 函数来建立定时器，并通过 clearTimeout() 函数来清除定时器。

let timerTimeout = setTimeout(() => {console.log("2222222-----------------------------");
}, 1000);
clearTimeout(timerTimeout);

通过 setInterval() 函数来建立定时器，并通过 clearInterval() 函数来清除定时器。

let timerInterval = setInterval(() => {console.log("11111111-----------------------------");}, 2000);clearInterval(timerInterval);

当我们给定时器赋值给一个变量的时候，可以通过 clearTimeout 和 clearInterval 来清除指定的定时器。我们如何来清除全部的定时器呢？
我们来看一段代码：

let timerTimeout = setTimeout(() => {
console.log(“2222222-----------------------------”);
}, 1000);
console.log(“timerTimeout-----------------------------”, timerTimeout);

  let timerInterval = setInterval(() => {console.log("11111111-----------------------------");}, 2000);console.log("timerInterval-----------------------------", timerInterval);let timer3 = setTimeout(() => {console.log("333333-----------------------------");}, 1000);console.log('timer3-----------------------------', timer3)let timer4 = setInterval(() => {console.log("44444444-----------------------------");}, 1000);

通过打印 **timerTimeout ** 和 **timerInterval ** 的值，我们可以知道，每个定时器会返回一个number类型的ID值，并且会从1开始逐渐递增。setTimeout() 和 **setInterval()**共用一个ID，每有一个 setTimeout() 和 setInterval() 函数，ID值就会增加1。

通过以上的特性可知，当我们新建一个定时器的时候，这个定时器的 ID 的值是最大的，通过遍历所有的ID值，分别清除对应的定时器，即可清除全部的定时器。

let endTimer = setTimeout(() => {}, 100000);for (let i = 0; i <= endTimer; i++) {// 清除setInterval创建的定时器clearInterval(i)// 清除setTimeout创建的定时器clearTimeout(i)}

在 for 循环中调用 clearInterval 和 clearTimeout 是利用了这两个函数，当传入的值没有对应的定时器时，不会抛出错误的特性。这样不管ID值所对应的是 setInterval 创建的定时器还是 setTimeout 创建的定时器，或者没有定时器，都可以正确清除，并且不会抛出错误。

如何清除全部的定时器相关推荐

JavaScript clearInterval 清除页面所有定时器
清除页面所有定时器 var time = setInterval(() => {console.log("hello world") }, 10000); //清除 for( ...
清除定时器和 vue 中遇到的定时器setTimeout setInterval问题
2019-03更新找到了更简单的方法,以setinterval为例,各位自行参考 mounted() {const that = thisconst timer = setInterval(func ...
JavaScript定时器与清除定时器
setTimeout定时器 window.setTimeout(调用函数,延时时间); 1.这个window在调用的时候可以省略 2.这个延时时间单位是毫秒但是可以省略,如果省略默认的是0 3.这个 ...
JS 设置定时器和清除定时器
在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 window对象提供了两个方法来实 ...
JS中2种定时器的使用及清除
一.什么是定时器? 定时器就是由JS提供了一些原生方法来实现延时去执行某一段代码. 二.定时器的分类 1.一次性定时器: setTimeout: 设置一个定时器,在定时器到期后执行一次函数或代码段使 ...
js定时器setTimeout和setInterval用法及区别，清除定时器的使用
setTimeout和setInterval使用方法定时器两个参数,第一个是执行代码,第二个是执行时间.执行时间自己随便设置,执行代码有以下几种方式传入: 1.匿名函数形式传入 setTimeout ...
html清空计时器,js设置定时器和清除定时器
一.前言在前端,我们有很多功能需要用到定时器.譬如轮询,譬如定时关闭弹框,譬如实现秒表,譬如一段时间后跳转页面等等.因此,我们需要掌握定时器的用法. 二.设置定时器目前window对象提供有两个方 ...
android h5app息屏定时器,H5案例分享：JS设置定时器和清除定时器
JS设置定时器和清除定时器在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 win ...
js 清除已运行的定时器clearTimeout() 和clearInterval()
在做demo时很容易不给定时器设置一个变量存储,而是直接用定时器了,如果数据量大的话就会在控制台一直输出,这时候你应该静下心来把定时器清除就是了假设我们有100,000条消息,根据视频播放的进度展示 ...

如何清除全部的定时器

如何清除全部的定时器相关推荐

最新文章

热门文章