js 清除已运行的定时器clearTimeout() 和clearInterval()

在做demo时很容易不给定时器设置一个变量存储，而是直接用定时器了，如果数据量大的话就会在控制台一直输出，这时候你应该静下心来把定时器清除就是了

假设我们有100,000条消息，根据视频播放的进度展示对应的消息，不展示历史消息。

// 模拟原始消息列表，
const newList = new Array(100).fill(1).map((item, index) => {return {time: (index + 1) * 1000,       // 消息发送的时间，一秒一个content: `这是第${index + 1}s发送的消息` // 消息发送的内容}
})// 发送的消息列表
const sendList = [];
function getMessage(time) {let j = 0; // 循环次数for(let i = 0, len = newList.length; i < len; i++) {const item = newList[i];j++;// 这里的time如果不是1000、2000，而是1234、1214这种，就需要取一个浮动范围// 我这里就是简单用了定时器，所以比较简单if(item.time === time) {sendList.push(newList[i])newList.splice(i, 1)i--;} else if(sendList.length > 0) {break;}}console.log('播放进度', time)console.log('循环的次数', j);console.log('接收的消息的长度', sendList.length, sendList);console.log('原始消息的长度', newList.length);}let time = 0;
// 定时器,1s触发一次
let timers = setInterval(() => {time += 1000;getMessage(time);
}, 1000)

解决办法：直接暴力清除定时器

for (let i = 0; i < 100000; i++) {clearInterval(i)
}

一：clearTimeout(timeId)

取消由 setTimeout() 方法设置的 timeId。

clearTimeout(id_of_settimeout)

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){//your codes
},1000);//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){//your codes
},1000)//清除Timeout的定时器,传入变量名(创建Timeout定时器时定义的变量名)
clearTimeout(test1);

二：clearInterval(timeId)

取消由 setInterval() 设置的 timeId。

clearInterval(id_of_setinterval)

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){//your codes
},1000);//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){//your codes
},1000)//清除Interval的定时器,传入变量名(创建Interval定时器时定义的变量名)
clearInterval(test2);

js 清除已运行的定时器clearTimeout() 和clearInterval()相关推荐

js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
js清除所有定时器（包括未知定时器）
我们有时会有清除页面中所有定时器的需求如果我们在创建定时器(setInterval)的时候用一个变量保存了它,那么清除这个定时器很简单,直接清除(clearInterval)就好了例如: let ...
js vue中setTimeout无法通过clearTimeout清除问题
js vue中setTimeout无法通过clearTimeout清除问题在异步清除中,利用vue 中data存放setTimeout的标识进行清除时,无法清除.则需要在函数前加上window.即可 ...
nodejs定时器setInterval，setTimeout，clearTimeout， clearInterval源码学习
nodejs Timer nodejs Timer timer.unref()的失效情况先看timer.unref的底层调用对失效的解释定时器的创建 TimerWrap TimerWrap() ...
“Node.js 包已不值得信任”
整理 | 郑丽媛出品 | CSDN(ID:CSDNnews) 近来,频繁发生的 npm 供应链攻击令开发者们精疲力竭: 流行 npm 包 faker.js 和 colors.js 的作者为抵制&qu ...
php 本站已运行了多少天,网站添加本站已运行XX天的统计代码
傲世发现有许多的站长都喜欢给自己的网站上加一个本站已运行时间的显示,那么该如何做到呢?今天傲世就给大家分享几种方法,希望能帮到你. js实现网站已运行XX天的代码示例1: //添加网站的上线时间 v ...
[Winform]只允许运行一个exe，如果已运行则将窗口置前
摘要接着介绍项目中用到的一些方法,在winform中,打好包,有时并不允许运行多个客户端,要保证只有一个客户端运行.如果已经运行了,则弹出已运行的窗口,使其展示. 方法判断是否有相同的进程 /// ...
熊猫直播宣布正式关站至今已运行1286天
[TechWeb]3月31日消息,昨日,熊猫直播官网发布公告,宣布熊猫直播正式关站. 熊猫直播在公告中表示,"很遗憾作为熊猫守卫者,我们将正式与大家告别.""从 2015 ...

js 清除已运行的定时器clearTimeout() 和clearInterval()

在做demo时很容易不给定时器设置一个变量存储，而是直接用定时器了，如果数据量大的话就会在控制台一直输出，这时候你应该静下心来把定时器清除就是了

解决办法：直接暴力清除定时器

一：clearTimeout(timeId)

二：clearInterval(timeId)

js 清除已运行的定时器clearTimeout() 和clearInterval()相关推荐

最新文章

热门文章