浏览器页面A中初始化定时器,切换到页面B后会执行一段时间然后暂停,返回页面A后定时器会继续执行。
记当前页面为A,通过script引入一个含有定时器的脚本。
可以看到,页面A脚本加载完成后,初始化了一个setInterval ,并开始定时执行。
但是当切换到页面B后,定时器会持续执行一段时间,然后暂停。此时若切换回A,定时器会立刻开始执行。
疑惑点在于切换页面的时候定时器出现了暂停的效果。
当前代码环境和测试结果:
1、切换页面不牵扯到任何 对focus blur unload的处理,也不曾监听页面状态变化。
2、clearInterval 会直接清除定时器,而且在切换页面过程中不曾重新初始化定时器,达不到当前暂停的效果。
3、如果重新写个简单的页面对 setInterval进行测试,在切换页面的时候定时器并不会暂停。