[討論] JS 時間計算常見問題

[TonyQ (自立而後立人)]

        簡易 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://www.ptt.cc/bbs/Ajax/M.1400843375.A.F83.html
→ s25g5d4:requestAnimationFrame
推 s25g5d4:最近剛好在看 canvas 如何做動畫
推 s25g5d4:http://tinyurl.com/JSTimers
→ danny8376:那是給動畫用的
→ danny8376:純計算時間的話 用performance
→ danny8376:不過要是瀏覽器不支援還只是能用Date當fallback就是
推 s25g5d4:我就是剛好在做動畫阿 XD
→ bndan:S大 那個東西跟時間有關的 只適算FPS = =" 要逆向過來會卡在
→ bndan:你沒辦法肯定下一秒的FPS應該是多少...(雞生蛋蛋生雞問題)
→ danny8376:樓上在說啥...
推 s25g5d4:我知道 只是剛好我在看所以提出來而已 最後附上的網址
→ s25g5d4:有很多種計算時間的方法 例如 performance.now()
→ s25g5d4:但是要做好 fallback 就是了
→ danny8376:其實requestAnimationFrame都需要fallback了www
推 s25g5d4:通通都要 fallback 而且 Server-side 又有另一套寫法 (倒