requestAnimationFrame優(yōu)于setTimeout/setInterval的地方在于它是由瀏覽器專門為動畫提供的API,在運(yùn)行時(shí)瀏覽器會自動優(yōu)化方法的調(diào)用,并且如果頁面不是激活狀態(tài)下的話,動畫會自動暫停,有效節(jié)省了CPU開銷,這篇文章給大家詳細(xì)介紹使用requestAnimationFrame實(shí)現(xiàn)js動畫:儀表盤效果。
參考鏈接:http://www.cnblogs.com/libin-1/p/6068340.html
廢話不多說,先看看一個(gè)效果:
直接上代碼:
1
2
延伸閱讀
我想了解如何學(xué)習(xí) |