前端开发 移动端浏览器页面倒计时在浏览器后台运行时的bug及解决办法

2021-12-10 10:18:40 浏览数 (1)

移动端浏览器在后台运行或手机黑屏的情况下页面js是不会执行的,在页面有倒计时的情况下问题就出现了,中间离开这段时间的时间差要怎么计算呢?

其实这个问题也是很简单,非要监听一个浏览器离开事件,记录当前时间,然后在浏览器在打开的时候记录当前时间,这样这个时间差就算出来了,好像没什么问题。但在写的过程中发现这个事件根本没用, 网上查了很多资料,也都是这种写法,所以就换一种思路。

1.记录页面初次进入的时间 t1;

2.在定时器里面每隔一秒记录当前时间t2;

3.t2 -t1 就是这个时间差。

提醒一点 一般在倒计时里面都是有一个变量time;这个time--就会出现倒计时的效果,在这里 time-- 其实就是t2 - t1;点击查看

源站最佳实践介绍

0 人点赞