JavaScript：非活跃标签页中setInterval暂停与计数跳变问题问询

刚好对浏览器定时器的后台优化逻辑比较熟悉，来给你逐个解答这三个问题：

1. 为什么setInterval会在非活跃标签页暂停？ #

这是浏览器为了**节省系统资源（CPU、电池）**做的主动优化。当标签页处于非活跃状态时，用户看不到页面内容，浏览器认为没必要维持高频的页面更新，所以会对短间隔的定时器进行执行限制，甚至暂时挂起。毕竟如果每个后台标签都在跑高频定时器，会严重拖慢系统性能，对笔记本这类依赖电池的设备影响尤其明显。

2. 暂停恢复后为何会跳过约80个计数？ #

setInterval的工作逻辑是：每隔指定间隔就把回调函数加入浏览器的任务队列等待执行。当标签页被挂起时，这些回调不会被触发，会一直处于积压状态。但当标签页恢复活跃时，浏览器不会傻到把积压的几百个回调逐个执行（那样会瞬间卡死页面），而是会合并这些任务，直接计算这段时间内理论上应该执行的次数，一次性更新结果。

比如你用10毫秒间隔的定时器，假设标签页被挂起了800毫秒，理论上应该执行80次（800/10），恢复后就会直接把num加上80，而不是逐次加1，所以看起来就像是跳过了80个数值。

3. 为何仅短间隔会出现此问题？ #

浏览器的定时器限制是有阈值的，大部分现代浏览器（比如Chrome、Firefox）会对**间隔小于1000毫秒（1秒）**的定时器进行后台节流，而1秒及以上的定时器因为执行频率低，对系统资源消耗极小，所以不会被限制，依然会按照设定的间隔正常执行。这样既保证了后台标签的性能，又不会影响那些低频率的定时任务（比如轮询通知、定时保存这类）。

内容的提问来源于stack exchange，提问作者William Jones