Simple Countdown Timer with JavaScript

設計一個倒數計時器，每秒更新顯示的數字。 設計一個按鈕，點擊後每 2 秒變換背景顏色。

Basic JavaScript — Date& Timer 定時器和倒數計時器所用到: Date ()、 setTimeout() 和 setInterval() 這幾個方法來完成，算是蠻常用到的。

本次目標是要製作一個 倒數計時器，並以 進度條 的方式呈現， 倒數結束後再觸發一個自訂義事件。 計時器的類型有很多種，像是可以設定要 倒數幾分幾秒 （比如定時炸彈），或是設定要 倒數到某個目標時間點 （比如距離某某日還剩幾天）。

學習如何使用 JavaScript 建立一個倒計時器。 <!-- 在一個元素中顯示倒計時器 --> 提示： 在我們的 JavaScript 參考中瞭解更多關於 window.setInterval () 方法的資訊。

在此，我們使用 JavaScript 的 setInterval(function()}, 1000) 函式在每秒（1000 毫秒）後執行計時器，直到使用 clearInterval(countInterval) 將其清除或終止。

JavaScript setTimeout (), setInterval () JavaScript 提供幾個方法讓你可以使用瀏覽器內建的計時器。 setTimeout () setTimeout() 用來設定一段時間過後，自動執行某個函數 (callback)，這計時器只會執行一次就停止。 語法： var timeoutID = setTimeout(func, delay[, param1, param2, ...]);

A simple countdown timer in JavaScript can be built using the Date object and setInterval . The key idea is to calculate the difference between the current time and a target future time, then update the display every second until it reaches zero.