js 倒計時（高效率服務(wù)器時間同步）
更新時間：2017年09月12日 21:54:21 作者：snaildev
首先說一下，為什么要服務(wù)器時間同步， 因為服務(wù)器時間和本地電腦時間存在一定的時間差。有些對時效性要求非常高的應(yīng)用，例如時時彩開獎，是不能容忍這種時間差存在的
方案1：每次倒計時去服務(wù)端請求時間
//開啟定時器
var timer = setInterval(function () {
//執(zhí)行請求，獲取當(dāng)前服務(wù)端時間并進(jìn)行相應(yīng)操作
}, 1000);
這個方案對于稍微有點經(jīng)驗的開發(fā)人員來說，都知道是不可取的。因為這會給服務(wù)器造成無法想象的壓力，導(dǎo)致應(yīng)用崩潰。在這個頁面停留一分鐘，那么請求就發(fā)送了60次，假如此時有100個人在訪問這個頁面，那么一分鐘就有6000條請求，人數(shù)如果再增長，這絕對會造成不必要的服務(wù)器壓力。并且這個方案的倒計時，也會存在很大的誤差，因為請求存在延遲，跟你的網(wǎng)絡(luò)狀態(tài)也有很大的關(guān)系。
方案2：從服務(wù)端返回以服務(wù)器時間為基準(zhǔn)的倒計時時間戳
//開啟定時器
//假設(shè)請求獲取到一個時間戳?xí)r間差 dateDiff
var timer = setInterval(function () {
//每秒會獲取本地時間，這樣就算執(zhí)行的周期不準(zhǔn)確 也可以準(zhǔn)確的獲取時間差
var countDown = endTime - (+Date.now())/1000 + dateDiff;
// 倒計時頁面渲染
}, 1000);
優(yōu)點：
在頁面生命周期中請求一次
準(zhǔn)確度高，就算頁面打開很久還是保持高準(zhǔn)確度
缺點：
由于每秒獲取當(dāng)前時間，假如刻意在倒計時時期內(nèi)，修改了本地時間將會導(dǎo)致倒計時異常。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了如何利用Cesium實現(xiàn)在地圖上添加一個3D模型，并且可以實現(xiàn)拖拽效果。文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-06-06
這篇文章主要介紹了如何用JS解析剪切板里的excel內(nèi)容，對解析excel感興趣的同學(xué)，可以參考下2021-04-04
本篇文章主要介紹了詳解webpack進(jìn)階之loader篇，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
BootStrap中Datetimepicker和uploadify插件應(yīng)用實例小結(jié)
這篇文章主要介紹了BootStrap中Datetimepicker和uploadify插件應(yīng)用實例小結(jié)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
微信小程序button標(biāo)簽open-type屬性原理解析
這篇文章主要介紹了微信小程序button標(biāo)簽open-type屬性原理解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-01-01
js取單元格自定義屬性值，IE和FF下的不同實現(xiàn)2010-04-04
數(shù)組扁平化指的是：將一個多層嵌套的數(shù)組，處理成只有一層的數(shù)組。本文主要和大家介紹了幾個常用的JS數(shù)組扁平化方法，希望對大家有所幫助2023-04-04
這篇文章主要介紹了JS沙箱模式,結(jié)合實例形式分析了JS沙箱模式的原理與實現(xiàn)方法,需要的朋友可以參考下2017-09-09
JavaScript轉(zhuǎn)換與解析JSON方法實例詳解
這篇文章主要介紹了JavaScript轉(zhuǎn)換與解析JSON方法,實例分析了JavaScript解析json的技巧,并附帶分析了jQuery解析與轉(zhuǎn)換json的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
對象其實就是一組數(shù)據(jù)和功能的集合。對象可以通過執(zhí)行new操作符后跟要創(chuàng)建的對象類型的名稱來創(chuàng)建。而創(chuàng)建Object類型的實例并為其添加屬性和（或）方法，就可以創(chuàng)建自定義對象2016-01-01