作者TonyQ (自立而後立人)
看板Ajax
標題[討論] JS 時間計算常見問題
時間Fri May 23 19:09:33 2014
簡易 js 考題（申論題）
http://jsfiddle.net/JR5Xk/1/
如果你看到這個範例跟這個程式碼，
說不出為什麼這樣計算時間是「有嚴重問題的」，
我會覺得你的 JS 基礎還有需要加強......
1.setInterval(or setTimeout) 跑的時間差不是精準的如你設定
2.browser focus 與否 可能會影響 setInterval 的行為
推薦解法是用先後時間的毫秒數差計算差異時間，
而不是按照被跑幾次來推斷時間。
如此例
http://jsfiddle.net/JR5Xk/3/
其實這是很基本的觀念，
但普遍看到實作出來的碼表或倒數都常常有這個問題，
所以只好再撰文呼籲一次...
--
網頁上拉近距離的幫手 實現 GMail豐富應用的功臣
數也數不清的友善使用者體驗 這就是ｊａｖａｓｃｒｉｐｔ
歡迎同好到 AJAX 板一同討論。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.230.48.81
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Ajax/M.1400843375.A.F83.html
1F：→ s25g5d4:requestAnimationFrame 05/23 20:46
2F：推 s25g5d4:最近剛好在看 canvas 如何做動畫 05/23 20:50
4F：→ danny8376:那是給動畫用的 05/23 21:12
5F：→ danny8376:純計算時間的話 用performance 05/23 21:12
6F：→ danny8376:不過要是瀏覽器不支援還只是能用Date當fallback就是 05/23 21:14
7F：推 s25g5d4:我就是剛好在做動畫阿 XD 05/23 21:19
8F：→ bndan:S大 那個東西跟時間有關的 只適算FPS = =" 要逆向過來會卡在 05/26 11:59
9F：→ bndan:你沒辦法肯定下一秒的FPS應該是多少...(雞生蛋蛋生雞問題) 05/26 11:59
10F：→ danny8376:樓上在說啥... 05/26 17:14
11F：推 s25g5d4:我知道 只是剛好我在看所以提出來而已 最後附上的網址 05/26 18:34
12F：→ s25g5d4:有很多種計算時間的方法 例如 performance.now() 05/26 18:34
13F：→ s25g5d4:但是要做好 fallback 就是了 05/26 18:34
14F：→ danny8376:其實requestAnimationFrame都需要fallback了www 05/26 18:36
15F：推 s25g5d4:通通都要 fallback 而且 Server-side 又有另一套寫法 (倒 05/26 18:37