js能夠按照預定的時間間隔重復調用一個函數，而這意味著我們可以隨著時間的推移而不斷改變某個元素的樣式。動畫是樣式隨時間變化的完美例子之一。

js函數setTimeout能夠讓某個函數在經過一段預定的時間之后才開始執行。這個函數帶有兩個參數：第一個參數通常是一個字符串，其內容是將要執行的那個函數的名字；第二個參數是一個數值，它以毫秒為單位設定了需要經過多長時間才開始執行第一個參數所給出的函數：

setTimeout("function",interval)

在絕大多數時候，把這個函數調動賦值給一個變量將是一個好主意：

variable=setTimeout("function",interval)

?js函數parseInt可以把字符串里的數值信息提取出來。如果一個以數值開頭的字符串傳遞給這個函數，它將返回一個數值：parseInt(string);

parseInt("39 steps");

這個函數調動將返回數值“39”，parseInt函數的返回值通常都是常數，如果需要提取的是帶小數點的數值（也就是浮點數），就應該使用相應的parseFloat函數：parseFloat(string)

css的overflow屬性用來處理一個元素的尺寸超過其容器尺寸的情況。

overflow屬性的可取值有4種：visible、hidden、scroll和auto。

visible：不裁剪溢出的內容。內容全部可見。

hidden：隱藏溢出的內容。

scroll：類似于hidden，瀏覽器將對一處的內容進行隱藏，但顯示一個滾動條以便讓用戶能夠滾動看到內容的其他部分。

auto：類似于scroll。但是瀏覽器只在確實發生溢出時才顯示滾動條。如果內容沒有溢出，就不顯示滾動條。

轉載于:https://www.cnblogs.com/yuanxinru321/p/6674342.html

總結

以上是生活随笔為你收集整理的js动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。