js 倒計時（高效率服務器時間同步）
更新時間：2017年09月12日 21:54:21 作者：snaildev
首先說一下，為什么要服務器時間同步， 因為服務器時間和本地電腦時間存在一定的時間差。有些對時效性要求非常高的應用，例如時時彩開獎，是不能容忍這種時間差存在的
方案1：每次倒計時去服務端請求時間
//開啟定時器
var timer = setInterval(function () {
//執(zhí)行請求，獲取當前服務端時間并進行相應操作
}, 1000);
這個方案對于稍微有點經(jīng)驗的開發(fā)人員來說，都知道是不可取的。因為這會給服務器造成無法想象的壓力，導致應用崩潰。在這個頁面停留一分鐘，那么請求就發(fā)送了60次，假如此時有100個人在訪問這個頁面，那么一分鐘就有6000條請求，人數(shù)如果再增長，這絕對會造成不必要的服務器壓力。并且這個方案的倒計時，也會存在很大的誤差，因為請求存在延遲，跟你的網(wǎng)絡狀態(tài)也有很大的關(guān)系。
方案2：從服務端返回以服務器時間為基準的倒計時時間戳
//開啟定時器
//假設(shè)請求獲取到一個時間戳時間差 dateDiff
var timer = setInterval(function () {
//每秒會獲取本地時間，這樣就算執(zhí)行的周期不準確 也可以準確的獲取時間差
var countDown = endTime - (+Date.now())/1000 + dateDiff;
// 倒計時頁面渲染
}, 1000);
優(yōu)點：
在頁面生命周期中請求一次
準確度高，就算頁面打開很久還是保持高準確度
缺點：
由于每秒獲取當前時間，假如刻意在倒計時時期內(nèi)，修改了本地時間將會導致倒計時異常。
相關(guān)文章
這篇文章主要介紹了js文件Cookie存取值的使用,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了簡單了解JS打開url的方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了JavaScript設(shè)計模式之外觀模式介紹,外觀模式是用于由于子系統(tǒng)或程序組成較復雜而提供的一個高層界面接口,使用客戶端更容易訪問底層的程序或系統(tǒng)接口,需要的朋友可以參考下2014-12-12
LRU（Least Recently Used）緩存淘汰算法是一種常見的緩存淘汰策略，它的核心思想是優(yōu)先淘汰最近最少使用的緩存數(shù)據(jù)，以保證緩存中的數(shù)據(jù)始終是最熱門的。本文主要介紹了一些關(guān)于如何實現(xiàn)LRU緩存淘汰算法的方法，感興趣的小伙伴可以參考一下2023-04-04
推薦三款不錯的圖片壓縮上傳插件(webuploader、localResizeIMG4、LUploader)
這篇文章主要為大家詳細介紹了三款不錯的圖片壓縮上傳插件，webuploader、移動端上傳插件localResizeIMG4以及LUploader)2017-04-04
再最近的一次實際項目開發(fā)中,又遇到了需要對兩個數(shù)組內(nèi)容進行比較的需求,索性整理下,這篇文章主要給大家介紹了關(guān)于js判斷兩個數(shù)組相等的5種方法,需要的朋友可以參考下2022-05-05
本篇文章主要是對利用JS獲取計算機mac地址以及IP的實現(xiàn)方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
最近一直在開發(fā)低代碼平臺的東西,由于項目里面東西有點多,取值或調(diào)用起來比較麻煩,使用本文就將使用Proxy編寫一個取值限制器,需要的小伙伴可以參考下2023-12-12
這篇文章主要介紹了如何使用postcss-pxtorem插件將px單位轉(zhuǎn)換為rem單位,包括安裝插件、創(chuàng)建配置文件和引入腳本的步驟,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-11-11
這篇文章主要為大家詳細介紹了javascript單頁面手勢滑屏切換原理，感興趣的小伙伴們可以參考一下2016-03-03