線上時鐘會將此裝置的本地時間同時以即時類比錶面與數位讀數呈現在同一個螢幕上,每秒重新整理四次,讓秒針能夠平滑掃過,數字則僅在其欄位變更時才重繪。這個頁面從瀏覽器與作業系統提供的 JavaScript Date 物件取得時間,接著以三種方式同時顯示同一個瞬間:以動態的類比幾何圖形、精準的數位字串,以及純英文日期加上瀏覽器解析出的時區標籤。由於類比錶面與數位讀數都來自同一個 Date 讀數,兩者之間的差異不會超過一秒。你可以切換 12 小時制與 24 小時制的數位格式、開啟或關閉秒數顯示,並進入全螢幕瀏覽器檢視,適用於會議、學習時段或桌面上時鐘;底層的裝置時鐘永遠不會被修改,這個小工具不會連線到網路時間伺服器、比較時差,也不會認證法定時間。如果顯示的時間看起來不正確,問題出在裝置本身的日期、時間、自動同步或時區設定,而不是時鐘頁面。

online clock
線上時鐘:具備全螢幕與 12/24 小時制的類比與數位時鐘

這個時鐘在螢幕上顯示什麼

開啟 線上時鐘,你就會看到一個面板,結合了來自單一 Date 讀數的四項資訊:一個會隨著秒數與秒數分數移動指針的類比錶面、一個以 12 小時制或 24 小時制顯示同一瞬間的數位讀數、以英文書寫並包含星期與年份的本地日期,以及瀏覽器解析出的時區標籤。這個頁面圍繞著一項嚴格的契約打造:以兩種數位格式和一種類比幾何圖形一致地呈現瀏覽器的本地時間、顯示本地日期與時區,並避免暗示網頁顯示能夠同步或認證裝置時鐘。

時鐘在非同步的首次刻度之後,以 250 毫秒的間隔每秒更新四次,速度快到足以讓秒針在位置之間滑動,同時仍能節省 CPU。數位顯示對於何時重繪有明確規範:它只有在某個可見欄位實際變更時才會更新,螢幕不會毫無理由地被每秒覆寫四次。如果你隱藏秒數欄位,類比錶面上的秒針也會停止顯示;時針與分針仍然會納入目前秒數與分數的小數部分,因此幾何圖形會保持平滑,而不是以整分鐘為單位跳動。

時鐘不做的事情同樣重要。它不會連線到網路時間伺服器、不會比較不同時區之間的時差、不會校正漂移、不會套用日光節約時間規則,也不會聲稱能夠認證法定時間。它也不會隱藏系統控制選項、防止進入睡眠、鎖定方向,或偽裝成作業系統的螢幕保護程式。時間準確度完全取決於裝置時鐘與時區設定,因此讀數錯誤時應從裝置端進行診斷,而不是從頁面端。

12 小時制、24 小時制與日期的格式化方式

數位讀數採用明確的格式而非依據語系環境的字串,因此同一個時鐘頁面在不同瀏覽器中會產生可預期的輸出。12 小時制與 24 小時制格式之間的選擇僅影響顯示方式;它永遠不會改變底層的裝置時鐘,在工作階段中途切換只會影響數字的呈現方式。

欄位24 小時制12 小時制
午夜0012 AM
正午1212 PM
其他小時00 到 23,含前置零1 到 11,後接 AM 或 PM
分鐘永遠兩位數永遠兩位數
秒數顯示時為兩位數,關閉時隱藏顯示時為兩位數,關閉時隱藏
日期英文星期、月份名稱、日期與年份英文星期、月份名稱、日期與年份

在 24 小時制顯示中看起來「個位數」的小時一律會顯示前置零,因此早上 9 點會顯示為 09 而非 9。分鐘與可選的秒數欄位同樣為兩位數,因此數位版面在全螢幕尺寸下仍能保持對齊且易於掃讀。日期一律以英文書寫,包含完整的星期與月份名稱,不受瀏覽器使用者語言偏好影響,因為日期格式化器使用的是瀏覽器 Date 物件已套用的時區加上 en-US 語系環境。

如何使用線上時鐘

這個頁面刻意保持精簡,三個動作幾乎就能涵蓋所有工作流程:驗證瀏覽器回報的內容、選擇適合你目標對象的顯示格式,以及在需要大畫面時進入全螢幕。下列步驟假設你已擁有可運作的瀏覽器,以及系統時鐘大致正確的裝置。

  1. 開啟頁面並驗證裝置。在瀏覽器中載入線上時鐘,並確認顯示的本地日期與瀏覽器解析出的時區標籤與你預期使用的裝置相符。如果時區標籤看起來過於籠統或出乎意料,代表頁面反映的是瀏覽器所揭露的內容,此時應儘速檢查作業系統的時區設定。
  2. 選擇 12 小時制或 24 小時制,並決定是否顯示秒數。使用格式切換鈕在 12 小時制與 24 小時制之間切換,接著開啟或關閉秒數顯示。由於類比錶面與數位讀數都衍生自同一個 Date 物件,變更這些切換鈕絕對不會導致兩種檢視出現不一致;只有可見的欄位會改變。
  3. 進入全螢幕,並透過瀏覽器控制選項離開。當你需要更大且不受干擾的顯示時,請點擊全螢幕控制選項。若要離開全螢幕,請使用瀏覽器的一般機制:在大多數瀏覽器上按下 Escape,或使用瀏覽器自身的全螢幕切換功能。時鐘頁面不會覆寫瀏覽器的離開方式,也不會將你困在全螢幕中。

類比指針的計算方式

類比幾何圖形使用與數位讀數相同的 Date 物件,因此指針不會與數字產生偏差。實作方式會將每個分量對應到角度數值:每秒 6 度、每分鐘 6 度、每小時 30 度,並以十二點鐘方向作為零度參考。兩項細部處理讓幾何圖形感覺平滑而非階梯式:秒針的角度會納入當前秒數的毫秒部分,而分針的角度會納入當前秒數的小數貢獻。時針以模數十二處理,以保持在 12 小時制的錶面上,並納入當前分數的小數貢獻。

依據上述規則,於 03:15:45.000 的計算範例:

秒針角度 = (45 + 0) × 6 = 270°。

分針角度 = (15 + 45 ÷ 60) × 6 = (15 + 0.75) × 6 = 15.75 × 6 = 94.5°。

時針角度 = ((3 mod 12) + 15 ÷ 60) × 30 = (3 + 0.25) × 30 = 3.25 × 30 = 97.5°。

這三個角度會將秒針精確地置於九點鐘方向,分針略過三點鐘一點點(自十二點鐘方向順時鐘 94.5°),時針同樣略過三點鐘一點點,這正是三點一刻在類比幾何圖形中所應呈現的結果。隱藏秒數顯示並不會改變秒針的計算方式;它只是移除可見的指針與秒數欄位。時針與分針仍會納入當前的小數時間,因此錶面能維持秒數可見時原本的平滑角度。

全螢幕行為與瀏覽器限制

全螢幕是一項瀏覽器請求,而不是由小工具強制控制的模式。瀏覽器幾乎一律要求直接的使用者動作才會授予全螢幕,這就是為何控制選項是點擊目標,而非頁面能在載入時自動觸發的東西。這項請求仍可能遭到拒絕,原因包括瀏覽器政策、具有嚴格權限的內嵌環境(如 iframe)、裝置限制或使用者設定,被拒絕的請求會顯示明確的錯誤訊息,而不是靜默失敗。

這個頁面不會隱藏系統控制選項、防止螢幕進入睡眠、鎖定平板或手機的方向,也不會聲稱自己是作業系統的螢幕保護程式。若要離開全螢幕,請使用瀏覽器的一般機制:在大多數瀏覽器上按下 Escape 即可,位於網址列或視窗外殼的任何瀏覽器專屬全螢幕切換功能也都會受到尊重。如果頁面完全無法進入全螢幕,最可能的原因為瀏覽器政策、內嵌環境或使用者設定,頁面會顯示訊息說明該請求已被拒絕。

實際用途與相關工具

在瀏覽器分頁中顯示的大型即時時鐘在多種日常情境中都很實用:當筆電架在支架上時可作為桌面時鐘、在會議室顯示當地時間與日期的顯示器、長時間專注學習時的參考工具、想要查看時間但不想要通知的事件輔助、在第二螢幕上進行簡報時的時間確認工具,以及任何在工作時不願轉頭查看牆上時鐘的第二螢幕時鐘。需要做的選擇是你的目標對象熟悉哪種小時制,以及可見的秒數是有所幫助還是造成干擾。

當任務是一次比較多個城市,而不是放大目前裝置的本地時鐘時,專門的世界時鐘工具會是更合適的選擇。若要在指定時間發出提醒,請使用線上鬧鐘;若要進行含有分段計時的計時,請使用線上碼表;若要倒數至未來的某個時刻,請使用線上倒數計時器。當實際任務是提醒、測量或倒數時,上述每一項工具都比單純放大本地時間讀數更為合適。若想快速瞭解瀏覽器時鐘如何融入更廣泛的螢幕時鐘工作流程,請參閱單一螢幕上顯示星期、日期與時間的時鐘。

隱私與資料行為

這個時鐘頁面對您的資料保持刻意低調。不會上傳任何時間讀數、時區、偏好設定或全螢幕動作;不要求帳號、沒有伺服器端的歷史紀錄、不請求位置、不設定鬧鐘或通知,也沒有針對按鈕點擊的分析事件。頁面在分頁關閉後不會以背景服務形式繼續執行,關閉分頁就會結束顯示。

這個小工具的隱私模型比其功能模型更為限縮。它不會在兩次造訪之間保存您的偏好設定、不會跨裝置同步這些偏好,更不會匯出任何讀數。瀏覽器解析到的時區標籤,可能是地區名稱或通用的本地時區後備選項,視平台所揭露的內容而定。若裝置時鐘因為您變更了作業系統的時區、因為裝置跨越了日光節約時間的界線,或因為裝置的自動同步校正了飄移,下次讀取時瀏覽器的 Date 物件會反映新的數值;在某些平台上,可能需要重新整理,才能讓新時區在顯示的標籤上完全生效。若您希望在同一個分頁中處理其他工作時,讓時鐘持續保持可見,可將它與 保持螢幕開啟 搭配使用,該工具會請求瀏覽器的螢幕喚醒鎖定,且作用範圍僅限本地端。