用JavaScript實現動畫效果的方法_javascript技巧

其實原理是很簡單的，主要是使用了一個計時器函數，下面我為大家
演示一個簡單的動畫的製作過程，透過有關的介紹，大家可以舉一反三，做出更多很炫的動畫效果。
　　這個實例的效果是點擊網頁上的「開始移動」按鈕，則其中的指定圖層就會從左到右移動，在這個過程中你點擊「停止移動」按鈕就會停止移動。

複製程式碼 程式碼如下:

　〜


　〜

　〜

　〜

　〜

　〜

　〜

　〜
　　

　　
　　

　　
　　 
　　  
　　  　　

I can moving...

　　

　　　㟀　㟀〜　　　㟀　㟀〜　　㟀〜　　㟀] ="button" value="開始移動" onClick="startMove()">
　　　　　　　 　　這裡主要使用了一個叫setTimeout(function, interval)函數，這個函數的參數格式為：　　第一個參數「function」為超時後調用的函數名，第二個參數「interval」為超時值，以微秒為單位。 　　注意一點是如果要停止這個計時器，必須保存呼叫這個setTimeout()函數後的回傳值，透過clearTimeout(id)函數來取消計時器。