JavaScript clearInterval 清除页面所有定时器

清除页面所有定时器:

var time = setInterval(() => {
   console.log("hello world")
}, 10000);
//清除
for(var i = 1;i<=time;i++){
	clearInterval(i);
}

还可以用:

这种方法可以确保页面上所有的定时器都被有效地清除,以防止它们继续执行或占用资源。

  1. 获取所有定时器的ID: 使用setTimeoutsetInterval函数创建定时器时,会返回一个唯一的定时器ID。这些ID可以存储在数组中或者直接获取。

  2. 清除定时器: 使用clearTimeoutclearInterval函数来清除定时器。这些函数接受定时器ID作为参数,可以单独清除每个定时器。

    // 假设定时器ID存储在一个数组中
    var timerIds = [];
    
    // 创建定时器
    timerIds.push(setTimeout(function() {
        console.log('定时器1执行了');
    }, 1000));
    
    timerIds.push(setInterval(function() {
        console.log('定时器2执行了');
    }, 2000));
    
    // 清除所有定时器
    function clearAllTimers() {
        for (var i = 0; i < timerIds.length; i++) {
            clearTimeout(timerIds[i]); // 清除定时器
        }
        timerIds = []; // 清空定时器ID数组
    }
    
    // 调用清除函数
    clearAllTimers();

    在这个示例中:

  3. timerIds 数组存储了两个定时器的ID。
  4. clearAllTimers 函数遍历 timerIds 数组并调用 clearTimeout 清除每个定时器。
  5. 最后,清空 timerIds 数组确保所有定时器都被正确清除。希望可以帮到大家;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值