js开发问题：setinterval切换页面后不执行

一、js开发问题:setinterval切换页面后不执行

1、遇到JavaScript开发中setInterval切换页面后不执行问题时，可以尝试使用HackTimer作为setTimeout()或setInterval()的替代方案。HackTimer原理与另一回答提到的Web Worker相似。

2、在Chrome 88之后，系统更新了更为激进的省电策略，导致后台非活动页面中setInterval、setTimeout回调执行间隔延长至1分钟以上。为解决此问题，可采用巧妙方法使标签页不进入非活动状态。通过在页面JS脚本中执行特定代码，标签页将不会休眠，而无需对业务代码进行改动。

3、然而，此方法在Safari浏览器中无效。在Safari环境下，利用HackTimer的Web Worker回调很容易被省电机制延迟几十秒以上。为解决此问题，可以采用WebSocket的心跳机制。与远端服务器建立WebSocket连接，服务器持续发送心跳包Ping，浏览器端则返回Pong。此时，WebSocket.onmessage回调便可当作setInterval使用。需注意，这里的Ping/Pong与传统B/S架构长链接的实现方式相反。

二、浅谈JS 中SetInterval与setTimeout用法

1、SetTimeout与SetInterval是JavaScript中实现延迟与规律性执行的关键函数，它们在网页开发中扮演着重要角色。

2、SetTimeout功能在于延迟指定时间后执行指定代码，执行一次后任务即终止。使用方法为`setTimeout(expression, milliseconds)`，其中`expression`可以是函数名或带引号的代码片段，`milliseconds`表示延迟时间，单位为毫秒。

3、若需取消已设置的SetTimeout，可调用`clearTimeout(timeoutId)`，`timeoutId`由`setTimeout`返回。

4、相比之下，SetInterval则实现了按照设定时间规律重复执行，直至显式调用`clearInterval(intervalId)`来终止。其用法为`setInterval(expression, milliseconds)`。

5、实现计时器或秒表功能时，SetInterval尤为适用，只需设定合适的`milliseconds`值，即可在每过一段时间后执行一次预设代码。

6、在处理定时器函数的传参问题时，有以下两种方法可选：

7、方法一，定义一个返回匿名函数的函数。通过在外部函数内部使用变量作为参数，并返回一个不带参数的函数句柄，实现在调用时将参数传递给外部函数。示例代码中，定义了函数_foo，接收参数id，并返回不带参数的函数句柄，在setInterval中使用_foo(id)。

8、方法二，通过重新定义setInterval，实现在内部函数中传入参数。此方法同样适用于setTimeout，实现参数在调用时的正确传递。

三、JS关于中止setInterval()的方法,为什么会进入死循环呢

1、setInterval()自动执行，一般写的话是这样的:

2、var auto=setInterval(function(){

3、setInterval(要执行函数名,毫秒数);

4、一般在第一个是写一个匿名函数,在匿名函数里面再写要执行的函数就是function(){

5、我没有写函数直接在匿名函数里面写了代码,你也可以写在外面

6、var auto=setInterval(function(){

7、setInterval是创建自动执行(参数是执行函数,执行间隔时间),clearInterval是清除之前创建的(参数就是之前创建的变量),