溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js如何倒計時功能

發布時間:2021-08-19 20:48:04 來源:億速云 閱讀:187 作者:chen 欄目:web開發

這篇文章主要介紹“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);

優點:

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

由于每秒獲取當前時間,假如刻意在倒計時時期內,修改了本地時間將會導致倒計時異常。

到此,關于“js如何倒計時功能”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節
推薦閱讀:
  1. JS倒計時
  2. js 倒計時

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

js
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女