setInterval方法與requestAnimationFrame 取舍

setInterval方法與requestAnimationFrame方法的區(qū)別較為微妙。一方面,最明顯的差別表現(xiàn)在setInterval可以手動設定FPS,而requestAnimationFrame則會自動設定FPS;但另一方面,即使是setInterval也不能保證按照給定的FPS執(zhí)行,在瀏覽器處理繁忙時,很可能低于設定值。當瀏覽器達不到設定的調用周期時,requestAnimationFrame采用跳過某些幀的方式來表現(xiàn)動畫,雖然會有卡滯的效果但是整體速度不會拖慢,而setInterval會因此使整個程序放慢運行,但是每一幀都會繪制出來;

總而言之,requestAnimationFrame適用于對于時間較為敏感的環(huán)境(但是動畫邏輯更加復雜),而setInterval則可在保證程序的運算不至于導致延遲的情況下提供更加簡潔的邏輯(無需自行處理時間)。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • requestAnimationFrame這個API,可能很多人都聽過,但并沒有真正用過。MDN上的解釋是: wi...
    Perkin_閱讀 3,609評論 0 4
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,365評論 0 1
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,063評論 25 709
  • 《菩薩蠻》 滿宮明月梨花白,方塘半畝一鑒開。鴛鴦雙雙飛,畫中拂羅衣。 溪邊青青草,綠波映小橋。楊柳色依依,藕花深處歸。
    意念的康橋閱讀 261評論 0 0
  • 姓名:華林 公司:寧波大發(fā)化纖有限公司 【日精進打卡第45天】 【知~學習】 《六項精進》1遍 《大學》1遍 《經(jīng)...
    hualincool閱讀 132評論 0 0

友情鏈接更多精彩內(nèi)容