基礎動畫

動畫基本步驟

控制動畫

排程更新

1. setInterval(function, delay)：每隔delay毫秒，執行輸入function(函數)
2. setTimeout(function, delay)：過delay毫秒後，執行輸入function(函數)
3. requestAnimationFrame(callback)：告訴瀏覽器你希望執行動畫的時候,要求瀏覽器在重繪下一張畫面之前,呼叫callback函數來更新動畫

從使用者輸入操作控制動畫

後面的範例我們主要將使用window.setInterval()方法控制動畫，然後於本頁底部是一些使用widnow.setTimeout()的範例連結。

太陽系動畫

ex08-01.html ex08-01.js

時鐘動畫

ex08-02.html ex08-02.js

循環景色

ex08-03.html ex08-03.js ex08-03.jpg

其他範例