html页面退出关闭定时器,JavaScript设置定时器、取消定时器及执行机制解析

HTML页面退出关闭定时器：
在HTML页面中，当你离开或者关闭页面时，应该清除所有的定时器以释放内存，可以使用以下代码实现：

window.onbeforeunload = function(){
    clearInterval(timer);//清除定时器
}

JavaScript设置定时器：
JavaScript中有两种定时器：setInterval() 和 setTimeout()。setInterval() 方法会按照指定周期（以毫秒计）来调用函数，setTimeout() 方法会在指定的时间后执行一次。

setInterval() 语法：

var intervalID = window.setInterval(func, delay, [param1, param2, ...]);

setTimeout() 语法：

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);

取消定时器：
使用clearInterval() 或 clearTimeout() 方法可以取消定时器。

clearInterval() 语法：

window.clearInterval(intervalID);

clearTimeout() 语法：

window.clearTimeout(timeoutID);

执行机制解析：
setInterval() 和 setTimeout() 方法使用了 JavaScript 的事件循环机制。在 JavaScript 中，事件循环会不断地从任务队列中取出任务并执行，当任务队列为空时，事件循环会一直等待新的任务加入。

setInterval() 和 setTimeout() 方法会把回调函数推入任务队列，当时间到达后，事件循环会执行这个任务。setInterval() 方法会不断地将同一个任务推入任务队列，直到使用 clearInterval() 方法取消定时器。setTimeout() 方法只会推入一个任务，执行后就结束了。