首页 > JS倒计时效果,切换网页后倒计时时间错误

JS倒计时效果,切换网页后倒计时时间错误

写好的计时器在页面内显示正常,浏览器切换网页后,在回来看页面,会发现倒计时这段过程是暂停的,倒计时时间会根据切换网页时的时间继续走下去。

比如:页面倒计时到30秒了,此时切换网页,等个10秒钟,再回来看原先的页面,发现还是从30秒处继续倒计时。

该如何解决该JS问题?


chrome为了优化网页性能,使得用户在离开网页后,暂停网页的计时器、运动等耗性能的部分,故此问题只能使用异步解决,使得计时线程在后台一直运行


你必须换成更高级的写法了,比如Worker来实现线程执行。

你的代码在IE8以下运行肯定没问题,之前的老旧浏览器肯定也没问题,之所以出现这种问题是因为现在浏览器为了性能考虑,在你切换完选项卡之后会清除掉这里的时钟数据。这属于浏览器层面的逻辑,通过代码无法解决。

【热门文章】
【热门文章】