JavaScript如何實現(xiàn)反彈動畫效果

注意:為了讓當前的元素在同一時間只運行一個動畫（下一個動畫開始的時候首先把上一個動畫的定時器清除掉）：保證當前元素所有動畫接收定時器返回值的那個變量需要共享，有兩種方式：1、全局接收（例如上面的代碼 var timer = null）2、給元素增加自定義屬性（如下圖所示）

總結:通過以上可以得出動畫優(yōu)化的四條規(guī)則：

1、邊界判斷加步長

2、清除沒有用的定時器

3、在外層函數(shù)需要傳參的時候，可以在里面在嵌套一層函數(shù)，避免作用域的累積。

4、把定時器的返回值存儲在元素的自定義屬性上，防止全局變量沖突和同一時間多個動畫執(zhí)行

以上是“JavaScript如何實現(xiàn)反彈動畫效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！