javascript - webapp js倒计时问题

问题描述

问 题

现在遇到这么一个问题：

对于webapp 有一个活动列表，列表里每个活动有一个倒计时，
一旦把app切入后台，js 计时器就不在生效了，导致倒计时不准确，
有想过解决方法，监听visibilitychange事件，观察document.visibilityState

想做出一个组件或者函数，能把页面上所有的倒计时问题解决，
但是思路卡主了，不知道各路大神么有没有什么好的想法、解决方案，或者资料？
谢谢!

---

问题补充：

1. 我在手机调试 定时器 的时候，分别在 微信 里和 手机默认浏览 器里打开 同一页面，
   分别切换到后台，发现微信里的页面定时器任然运行，默认浏览器的中止运行了。

2. 在手机默认浏览器里打印 document.visibilityState 是undefined， 但是网页运行在 微信 里的话就能正常打印。

请问是为什么？ 微信有做什么处理么？

解决方案

与手机系统时间进行比较；
如果还不放心，在app 打开的时候与后端的系统时间进行比较。

这篇关于javascript - webapp js倒计时问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！