我创建了一个与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秒)联系服务器。这将导致页面上的大量流量,我想阻止它。 [如果我错了,请纠正我。]
任何解决方案都将非常感谢!
答案 0 :(得分:2)
不要设置剩余时间。设置实际时间,让JavaScript计算每个时间间隔的剩余时间,并解决您的问题。