js 倒计时（高效率服务器时间同步）
更新时间：2017年09月12日 21:54:21 作者：snaildev
首先说一下，为什么要服务器时间同步， 因为服务器时间和本地电脑时间存在一定的时间差。有些对时效性要求非常高的应用，例如时时彩开奖，是不能容忍这种时间差存在的
方案1：每次倒计时去服务端请求时间
//开启定时器
var timer = setInterval(function () {
//执行请求，获取当前服务端时间并进行相应操作
}, 1000);
这个方案对于稍微有点经验的开发人员来说，都知道是不可取的。因为这会给服务器造成无法想象的压力，导致应用崩溃。在这个页面停留一分钟，那么请求就发送了60次，假如此时有100个人在访问这个页面，那么一分钟就有6000条请求，人数如果再增长，这绝对会造成不必要的服务器压力。并且这个方案的倒计时，也会存在很大的误差，因为请求存在延迟，跟你的网络状态也有很大的关系。
方案2：从服务端返回以服务器时间为基准的倒计时时间戳
//开启定时器
//假设请求获取到一个时间戳时间差 dateDiff
var timer = setInterval(function () {
//每秒会获取本地时间，这样就算执行的周期不准确 也可以准确的获取时间差
var countDown = endTime - (+Date.now())/1000 + dateDiff;
// 倒计时页面渲染
}, 1000);
优点：
在页面生命周期中请求一次
准确度高，就算页面打开很久还是保持高准确度
缺点：
由于每秒获取当前时间，假如刻意在倒计时时期内，修改了本地时间将会导致倒计时异常。
相关文章
这篇文章主要介绍了javascript 数组(list)添加/删除，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
发个自己写的表格操作类(添加，删除，排序，上移，下移)...2006-11-11
$()JS小技巧...2007-07-07
这篇文章主要为大家介绍了微信小程序实现动态渲染Markdown示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
本文通过实例给大家介绍给before和after伪元素设置js效果的方法，对js伪元素相关知识感兴趣的朋友一起学习吧2015-12-12
这篇文章主要为大家介绍了开箱即用的开源工具库xijs示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了JS实现左右无缝轮播图代码的相关资料,小编看本段代码非常不错，具有参考借鉴价值，特此分享脚本之家平台，需要的朋友可以参考下2016-05-05
这篇文章主要介绍了json按某个键的值进行排序的相关资料,代码简单易懂，非常不错，需要的朋友可以参考下2016-12-12
这篇文章主要给大家介绍了关于JavaScript数学对象(Math)方法的相关资料,Math(数学)对象的作用是执行普通的算数任务,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-03-03
作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。2014-05-05
最新评论