溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“requestAnimationFrame如何使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“requestAnimationFrame如何使用”吧!
告訴瀏覽器用來執行一個動畫，并且在下一次重繪之前調用其指定的回調函數取更新動畫，所以該方法的參數就是一個回調函數，在下一次重繪時候調用。
回調函數即是傳入的callback，執行后其傳入的參數為DOMhighResTimeStamp，表示當前回調函數執行時時間戳，單位毫秒。
其回調函數執行次數為每秒60次，為啥是這個呢，因為在大多數瀏覽器種，這個頻率大多都跟屏幕幀數刷新頻率保持一致，即在高刷新的屏幕中會執行的更快。
返回的是一個非零整數值，作為唯一標識，傳給window.cancelAnimationFrame(),可用來清除取消回調函數。
可以看到瀏覽器在一直打印，這也就是類似動畫的持續過程，一秒鐘會輸出60次。
那怎樣讓其停止，除了使用window.cancelAnimationFrame()；官方指出了為了提高性能和電池壽命，當requestAnimationFrame（）運行在后臺標簽頁或者隱藏的iframe里，就會被暫停調用以提升性能。
當一個頁面有多個requestAnimationFrame時，運行情況又是怎樣的呢
執行調試輸出內容為
可以看出再同一毫秒時刻，兩個方法會同步執行，可見并不存在先后的情況，其每次執行隔間時間戳近似等于 1000 / 60 = 16.666毫秒，這就意味頁面加載一次，會一次性執行所有的requestAnimationFrame。
到此，相信大家對“requestAnimationFrame如何使用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
