首頁(yè) 猿問 h5中如何在本地一直運(yùn)行一段計(jì)時(shí)的...

h5中如何在本地一直運(yùn)行一段計(jì)時(shí)的腳本，直到頁(yè)面關(guān)閉才會(huì)停止計(jì)時(shí)

JavaScript

ibeautiful 2018-10-18 13:11:42

最近一個(gè)項(xiàng)目中是和android那邊同用一套接口，每個(gè)接口是需要一個(gè)參數(shù)：timestamp傳給后臺(tái)進(jìn)行比較。為了減少服務(wù)器的壓力和減少請(qǐng)求次數(shù)，需要客戶端本地在接受到一次timestamp后就在本地進(jìn)行計(jì)時(shí)，以便在后面的每次接口請(qǐng)求中帶上這個(gè)參數(shù)，但是我目前沒有采用單頁(yè)面的框架，如何才能做到這點(diǎn)呢？

查看完整描述

1 回答

臨摹微笑

TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊

setTimeout/setInterval計(jì)時(shí)是不精確的，傳給后端的時(shí)間會(huì)有誤差。另一種做法是，你可以在第一次接收到timestamp時(shí)將時(shí)間戳和當(dāng)前時(shí)間存儲(chǔ)到sessionStorage，比如

var timeCached = sessionStorage.setItem('timeCached', JSON.stringify({    serverTime: timestamp, 
    clientTime: +new Date()
});

然后每次請(qǐng)求時(shí)，通過(guò)計(jì)算

var timeCached = sessionStorage.getItem('timeCached');
// 計(jì)算出被發(fā)送時(shí)的時(shí)間戳var newTimestamp=(+new Date() - timeCached.clientTime) + timeCached.timestamp;

就可以得到相對(duì)正確的時(shí)間戳了。其它的細(xì)節(jié)，比如時(shí)間相減的結(jié)果可能要除1000，封裝個(gè)函數(shù)進(jìn)行接口請(qǐng)求時(shí)計(jì)算，這就看你具體情況怎么寫了。

反對(duì) 回復(fù) 2018-11-11