问题描述

移动端web页面倒计时 js 由于手机锁屏失效问题？

这是一个web站点提供的倒计时页面。
程序思路：
setInterval("timer()", 1000)
function timer() {
//倒计时代码，并在页面显示
时间--;
}
问题：在PC端正常，但移动端用微信打开或者手机浏览打开，如果手机锁屏或者切换到其他app就会出现倒计时比预计的变慢了。
我的方案：1.使用异步去时时判断现在的倒计时是否正常，但这样不好；
2.网上仅找到一个，就是使用visibilityChange监听页面是否被查看
：代码大概如下
document.addEventListener(visibilityChange, function () {
$("#newswell").append("change")
}, false);
结果：第二个方案，尝试了没有效果，很失望，手机锁屏或者切换页面 该事件都没有反应。

求大神指点啊╮(╯▽╰)╭

解决方案

锁屏了程序暂停了所以不执行，除非放在后台任务用websocket