此篇文章介绍简单的 HTML5 动画，透过 Canvs 物件与 JavaScript 全域函式 setInterval() 的技巧，可以轻易的达到以下的效果。

您的浏览器不支援 HTML5 动画，请改用 Chrome 或 Firefox

图中的原理相当简单，首先配置一个 如下：

然后建立一个函式，于某个特定位置描绘移动的圆球。

在这段程式码中，首先除空画面，然后调用 arc() 函式于 x、y 座标位置描绘圆形，接下来改变 x 座标，作为下次重新描绘的座标位置起点。了解上述的原理，搭配相关的数学运算，不需使用其它函式库便能实作出各种入门动画效果。