js如何倒計(jì)時(shí)功能

這篇文章主要介紹“js如何倒計(jì)時(shí)功能”，在日常操作中，相信很多人在js如何倒計(jì)時(shí)功能問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”js如何倒計(jì)時(shí)功能”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

方案1：每次倒計(jì)時(shí)去服務(wù)端請(qǐng)求時(shí)間

//開(kāi)啟定時(shí)器
var timer = setInterval(function () {  
  //執(zhí)行請(qǐng)求，獲取當(dāng)前服務(wù)端時(shí)間并進(jìn)行相應(yīng)操作
}, 1000);

這個(gè)方案對(duì)于稍微有點(diǎn)經(jīng)驗(yàn)的開(kāi)發(fā)人員來(lái)說(shuō)，都知道是不可取的。因?yàn)檫@會(huì)給服務(wù)器造成無(wú)法想象的壓力，導(dǎo)致應(yīng)用崩潰。在這個(gè)頁(yè)面停留一分鐘，那么請(qǐng)求就發(fā)送了60次，假如此時(shí)有100個(gè)人在訪問(wèn)這個(gè)頁(yè)面，那么一分鐘就有6000條請(qǐng)求，人數(shù)如果再增長(zhǎng)，這絕對(duì)會(huì)造成不必要的服務(wù)器壓力。并且這個(gè)方案的倒計(jì)時(shí)，也會(huì)存在很大的誤差，因?yàn)檎?qǐng)求存在延遲，跟你的網(wǎng)絡(luò)狀態(tài)也有很大的關(guān)系。

方案2：從服務(wù)端返回以服務(wù)器時(shí)間為基準(zhǔn)的倒計(jì)時(shí)時(shí)間戳

//開(kāi)啟定時(shí)器
//假設(shè)請(qǐng)求獲取到一個(gè)時(shí)間戳?xí)r間差 dateDiff
var timer = setInterval(function () {
  //每秒會(huì)獲取本地時(shí)間，這樣就算執(zhí)行的周期不準(zhǔn)確 也可以準(zhǔn)確的獲取時(shí)間差
  var countDown = endTime - (+Date.now())/1000 + dateDiff;
  // 倒計(jì)時(shí)頁(yè)面渲染
}, 1000);

優(yōu)點(diǎn)：

在頁(yè)面生命周期中請(qǐng)求一次
準(zhǔn)確度高，就算頁(yè)面打開(kāi)很久還是保持高準(zhǔn)確度
缺點(diǎn)：

由于每秒獲取當(dāng)前時(shí)間，假如刻意在倒計(jì)時(shí)時(shí)期內(nèi)，修改了本地時(shí)間將會(huì)導(dǎo)致倒計(jì)時(shí)異常。

到此，關(guān)于“js如何倒計(jì)時(shí)功能”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！