js高效率的與伺服器時間同步

這次帶給大家js高效率的與伺服器時間同步，js高效率與伺服器時間同步的注意事項有哪些，以下就是實戰案例，一起來看一下。

方案1：每次倒數去服務端請求時間

//开启定时器
var timer = setInterval(function () {  
  //执行请求，获取当前服务端时间并进行相应操作
}, 1000);

這個方案對於稍微有點經驗的開發人員來說，都知道是不可取的。因為這會對伺服器造成無法想像的壓力，導致應用程式崩潰。在這個頁面停留一分鐘，那麼請求就發送了60次，假如此時有100個人在訪問這個頁面，那麼一分鐘就有6000條請求，人數如果再增長，這絕對會造成不必要的伺服器壓力。而這個方案的倒數計時，也會存在很大的誤差，因為請求存在延遲，跟你的網路狀態也有很大的關係。

方案2：從服務端傳回以伺服器時間為基準的倒數計時時間戳記

//开启定时器
//假设请求获取到一个时间戳时间差 dateDiff
var timer = setInterval(function () {
  //每秒会获取本地时间，这样就算执行的周期不准确 也可以准确的获取时间差
  var countDown = endTime - (+Date.now())/1000 + dateDiff;
  // 倒计时页面渲染
}, 1000);

優點：

在頁面生命週期中請求一次
準確度高，就算頁面打開很久還是保持高準確度
缺點：

# 由於每秒取得當前時間，假如刻意在倒數時段內，修改了本地時間將會導致倒數異常。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Js Canvas做出圖片壓縮

#angularJS Ionic在行動裝置上進行圖片上傳（附程式碼）

以上是js高效率的與伺服器時間同步的詳細內容。更多資訊請關注PHP中文網其他相關文章！