本文用一個簡單的例子示範一下怎樣用Javascript來定時更新網頁里的DOM。DOM全程是Document Object Model，也就是HTML網頁上的元素。使用Javascript能讓原本靜態的HTML動起來。
效果如下：
Counter Demo
以下例子代碼全部在一個HTML文件里，可以命名為updatedom_demo.html，內容如下：
<!DOCTYPE html>
<html>
<body>
<div class="container">
<div class="inner">
<h1 style="color:blue;">Counter Demo</h1>
<h3 style="color:orange;" id="data2"></h3>
<h3 style="color:green;" id="data"></h3>
</div>
</div>
<script>
const data = document.getElementById("data");
const data2 = document.getElementById("data2");
var i = 0;
function update() {
data.textContent = i;
data2.textContent = ".".repeat((i % 3) + 1);
i++;
}
update();
window.setInterval(update, 1000)
</script>
</body>
</html>
保存後用瀏覽器打開就能看到動畫網頁。
