js 让浏览器失活时还保持 settimeout setinterval

在JavaScript中，即使页面不再可见或浏览器失去焦点，由`setTimeout`和`setInterval`设置的定时器仍然会按照既定的时间间隔执行，除非你显式地清除它们。这是因为JavaScript是一种单线程的语言，它在浏览器的主线程上运行，定时器的操作是异步的，不受当前页面是否可见的影响。

当你关闭标签页或切换到其他应用程序时，页面通常会失去焦点，但定时器不会自动停止。这是因为定时器是计划中的事件，它们与页面的可见性状态是独立的。

如果需要在页面失活时停止定时器，你需要在适当的时机调用`clearTimeout`或`clearInterval`函数来清除定时器。例如，你可以在窗口失去焦点时清除定时器，并在窗口再次获得焦点时重新设置定时器。

// 设置定时器
var timeoutId = setTimeout(function(){ 
    console.log("这段代码会在1秒后执行");
}, 1000);

// 当窗口失去焦点时清除定时器
window.onblur = function() {
    clearTimeout(timeoutId);
};

// 当窗口再次获得焦点时可以重新设置定时器
window.onfocus = function() {
    // 注意：这里的timeoutId将不再有效，需要重新赋值
    timeoutId = setTimeout(function(){ 
        console.log("这段代码会在1秒后执行");
    }, 1000);
};