清除页面所有定时器:

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 数组确保所有定时器都被正确清除。希望可以帮到大家;
Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐