setTimeout倒計(jì)時(shí)誤差問題

JS 是單線程的钉迷,所以 setTimeout 的誤差其實(shí)是?法被完全解決的,原因
有很多钠署,可能是回調(diào)中的糠聪,有可能是瀏覽器中的各種事件導(dǎo)致。這也是為什么
??開久了谐鼎,定時(shí)器會(huì)不準(zhǔn)的原因舰蟆,當(dāng)然我們可以通過?定的辦法去減少這個(gè)
誤差。

//  以下是?個(gè)相對準(zhǔn)確的倒計(jì)時(shí)實(shí)現(xiàn)
var period = 60 * 1000 * 60 * 2
var startTime = new Date().getTime();
var count = 0
var end = new Date().getTime() + period
var interval = 1000
var currentInterval = interval

function loop() {
    count++
    var offset = new Date().getTime() - (startTime + count * interval); // 代碼
    var diff = end - new Date().getTime()
    var h = Math.floor(diff / (60 * 1000 * 60))
    var hdiff = diff % (60 * 1000 * 60)
    var m = Math.floor(hdiff / (60 * 1000))
    var mdiff = hdiff % (60 * 1000)
    var s = mdiff / (1000)
    var sCeil = Math.ceil(s)
    var sFloor = Math.floor(s)
    currentInterval = interval - offset // 得到下?次循環(huán)所消耗的時(shí)間
    console.log('時(shí):' + h, '分:' + m, '毫秒:' + s, '秒向上取整:' + sCeil)
    setTimeout(loop, currentInterval)
}
setTimeout(loop, currentInterval)

取自進(jìn)階17

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末狸棍,一起剝皮案震驚了整個(gè)濱河市身害,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌草戈,老刑警劉巖塌鸯,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異唐片,居然都是意外死亡丙猬,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進(jìn)店門费韭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茧球,“玉大人,你說我怎么就攤上這事星持∏缆瘢” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵督暂,是天一觀的道長揪垄。 經(jīng)常有香客問我,道長逻翁,這世上最難降的妖魔是什么饥努? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮卢未,結(jié)果婚禮上肪凛,老公的妹妹穿的比我還像新娘堰汉。我一直安慰自己,他們只是感情好伟墙,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布翘鸭。 她就那樣靜靜地躺著,像睡著了一般戳葵。 火紅的嫁衣襯著肌膚如雪就乓。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天拱烁,我揣著相機(jī)與錄音生蚁,去河邊找鬼。 笑死戏自,一個(gè)胖子當(dāng)著我的面吹牛邦投,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播擅笔,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼志衣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了猛们?” 一聲冷哼從身側(cè)響起念脯,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎弯淘,沒想到半個(gè)月后绿店,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡庐橙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年假勿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片怕午。...
    茶點(diǎn)故事閱讀 38,716評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡废登,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出郁惜,到底是詐尸還是另有隱情,我是刑警寧澤甲锡,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布兆蕉,位于F島的核電站,受9級(jí)特大地震影響缤沦,放射性物質(zhì)發(fā)生泄漏虎韵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一缸废、第九天 我趴在偏房一處隱蔽的房頂上張望包蓝。 院中可真熱鬧驶社,春花似錦、人聲如沸测萎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽硅瞧。三九已至份乒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間腕唧,已是汗流浹背或辖。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留枣接,地道東北人颂暇。 一個(gè)月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像但惶,于是被迫代替她去往敵國和親耳鸯。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評論 2 350