前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端开发 移动端浏览器页面倒计时在浏览器后台运行时的bug及解决办法

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

原创
作者头像
Kami米雅
修改2021-12-10 10:18:40
1K0
修改2021-12-10 10:18:40
举报
文章被收录于专栏:上云服务专题

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

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

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

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

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

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

源站最佳实践介绍

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
ICP备案
在中华人民共和国境内从事互联网信息服务的网站或APP主办者,应当依法履行备案手续。腾讯云为您提供高效便捷的 ICP 备案服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档