移动设备从睡眠状态唤醒时重新加载网页

时间:2015-03-17 10:44:11

标签: javascript android jquery ajax

我创建了一个与Javascript / HTML / PHP / MySQL一起使用的倒计时时钟。

单击“开始倒计时”后,纪元时间将存储在数据库中并开始倒计时。

当您重新加载页面时,它会进入数据库,获取倒计时开始的纪元时间,将其与重新加载页面的时间进行比较并计算剩余时间。然后JS开始并正确地继续倒计时而不从头开始。例如:

我将倒计时时间设置为100秒。

我点击:开始倒计时

100,99,98,97,96 ......

我重新加载页面(假设加载需要2秒)

它继续倒计时:94,93,92,91 ...... 0

这适用于每个网络浏览器(是的,甚至是Internet Explorer),但我遇到移动设备的问题:当移动设备休眠倒计时停止时(我认为它就像在PC上关闭浏览器一样),以及当我把它唤醒时,它会从我离开它的地方继续计算,而不是从我离开它的位置减去设备正在睡觉的总秒数。

我的问题是:一旦移动设备唤醒,JavaScript / Jquery中是否会发生事件?

在网上查询我发现了这个:Javascript event for mobile browser re-launch or device wake

这是一个不错的解决方案,但当用户在页面时,它会每X秒(在这种情况下为5秒)联系服务器。这将导致页面上的大量流量,我想阻止它。 [如果我错了,请纠正我。]

任何解决方案都将非常感谢!

1 个答案:

答案 0 :(得分:2)

不要设置剩余时间。设置实际时间,让JavaScript计算每个时间间隔的剩余时间,并解决您的问题。