安全的倒计时插件

### 安全的倒计时插件

> 为什么写这个呢?因为在移动端,当页面进入后台运行之后,setTimeout和setInterval就会停止运行了(绝大部分移动端手机都会这样)

所以,单纯的使用setTimeout进行秒数的递减实现的倒计时,就不再准确,所以这里给一个相对准确的计算方法。

为什么说是相对准确呢?因为我们这里要依靠服务器时间来做这个倒计时,但是浏览器在拉取页面数据的时候,所耗费的时间,是受网络影响的,而具体什么时间才能执行初始化这个倒计时,也受JS下载的影响,所以说,这里只是一个相对准确的,

经过测试,目前在Chrome浏览器,也会有这样的问题,如果当前页面不是正在活动的页面,setTimeout也会停止执行。

因为这里,只是一个简单的小逻辑,所以这里就不做过多的说明了,直接看示例吧。

示例:[DEMO](/study/2018/20180403/server-count-down-test.html)

准确的说,这都不算是一个插件,只能算提供了一个思想而已,仅供参考,之后抽时间,把该方法整理出一个更加完善的插件吧。

本文地址:http://www.zhangyunling.com/?p=829

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>