Digital Clock with HTML, CSS & JavaScript

JavaScript 动态时钟代码可以通过 HTML、CSS、和 JavaScript 结合实现、利用 JavaScript 的 Date 对象获取当前时间、使用 setInterval() 方法来更新时间显示。

數學計算：透過正弦和餘弦函數，計算時、分、秒針的位置，並將其動態更新到時鐘錶盤上。 使用HTML和CSS創建了時鐘錶盤的視覺效果，並透過JavaScript動態更新其中的時、分、秒指針。

* 時針 * 由於時針初始是90度，所以開始之前要回歸於0度 (360度 == 0度)。 * `270 + 目前小時數 * 每小時移動的角度 + 目前分鐘數 / 60 * 每分移動的角度` * 分針 * 因為分針會根據秒針的角度慢慢移動，故此一點細微的角度也一起計算進去。

這樣，我們就完成了一個可以顯示數字、動態更新指針並允許用戶選擇時間的傳統時鐘。

網頁的JavaScript程式可以和html網頁寫在一起，也可以寫成一支獨立的js檔再匯入到html，本篇因為是支小小的程式，所以和html寫在一起。

如何用 JavaScript 製作一個電子鐘 使用技術：JavaScript + HTML + …

思想與《【JavaScript】一個同步於本地時間的動態時間》一文（點擊開啟連結）完全相同，關鍵是setInterval函數，同時，之所以要加上各類少於10的條件結構，是因為，如果不加的話，比如19:01:01會變成19:1:1不符合我們的習慣。