JavaScript 時鐘測試

使用 JavaScript 及 CSS 製作的時鐘。

說明:數位時鐘, 利用圖片切換的方式顯示時間.

說明:數位時鐘, 直接使用文字方式顯示如下


說明:類比時鐘, 程式採用JavaScript方式.
1. 這個時鐘有一個很大的缺點, JavaScript的setTimeout秒數只能使用1秒.
2. 秒針顯現方式每一秒跳6度. 走的方式並不是滑順的.
3. 可改由如右邊的類比時鐘方式.

說明:類比時鐘, 程式採用PHP+CSS動畫方式.
1. 可以改用此方式, 先利用PHP將目前所有秒,分,時針定位.
2. 帶入CSS的keyframes中, 利用CSS的keyframes動畫來轉動秒,分,時針.
3. 這樣秒針的移動就會平滑的移動.