大型時鐘顯示
全螢幕大型數位時鐘,教室、直播、店面、活動現場都適合。支援 12/24 小時制、時區切換、顏色自訂。
2026年6月4日星期四
13:01什麼是大型時鐘顯示?
大型時鐘顯示是一款零設定的線上時鐘工具。選好格式、時區和顏色,頁面就把目前時間渲染成一塊能從整間屋子最後一排看到的巨型數位鐘。一切都在瀏覽器裡完成,不上傳、不安裝。
它和站內其他大字工具是分工關係:Large Text Display 顯示一句靜態大字,Fullscreen Text 用翻頁的方式切換多段文字,LED Scrolling Text 讓文字橫向滾動。大型時鐘顯示補上了「目前時間」這一塊。
實作上,每次 tick 讀取一次 new Date(),透過瀏覽器原生的 Intl.DateTimeFormat 依所選 IANA 時區格式化,再刷新三段短字串。沒有 canvas、沒有動畫迴圈,對電池幾乎無感。
使用技巧
- 安靜場景關掉秒。 前台與待機螢幕不需要一秒一跳的數字;關掉後整體氛圍更穩。
- 日期副標題適合遠端協作。 搭配
Asia/Tokyo之類時區,一眼就能看到對方現在是幾點幾號。 - 高對比第一。 天藍配近黑、琥珀配深灰都清晰;淡色配淡色要避免——字再大,對比不夠也不好讀。
- 盡早全螢幕。 全螢幕觀感明顯更好。OBS 建議先全螢幕再裁需要的區域。
- 尊重降低動態效果。 冒號閃爍會在系統開啟 prefers-reduced-motion 時自動關閉,不用額外設定。
- 手機請開勿擾。 一塊用來看時間的大螢幕,被來電彈窗打斷就失去意義了。
使用步驟
- 1 選擇格式與選項 選 12 小時制或 24 小時制,打開或關閉秒與日期,再選一個時區——自動會讀取本機時區,或從下拉選單選 IANA 時區。
- 2 自訂顏色 數字與背景各有獨立的顏色選擇器。預設是天藍配近黑,已經夠清晰。
- 3 進入全螢幕 按全螢幕按鈕,Esc 退出。分頁切換時自動暫停節省 CPU,回來自動繼續。
Use Cases
- 教室時間提示
投影機或電子黑板上顯示超大 HH:MM,學生不用抬頭找簡報角落的小時間戳就看得到。
- 直播待機卡
OBS 瀏覽器來源指向本頁,讓待機畫面有一個持續跳動的時鐘,觀眾一看就知道直播沒當機。
- 活動報到台
平板放在報到台,同時顯示目前時間和有星期的長格式日期——紙本立牌都可以省了。
- 健身房與瑜伽教室
教室後牆顯示全螢幕時鐘,手機打開就能用,不需要額外硬體,也沒廣告。
- 會議室時鐘
站立會議時會議室大螢幕顯示目前時間,日期副標題能幫遠端同事對齊今天是哪一天。
- 遠端團隊時區參考
下拉選擇同事所在的城市,開會前瞄一眼對方本地時間,避免踩到對方的深夜。
- 共享工作空間前台
前台輪播時鐘,配色可搭品牌色,乾淨又有目的感,不像一般的辦公桌時鐘。
- 直播導播監看時鐘
導播與攝影需要一塊大型主時鐘,不用再買硬體,全螢幕打開就好。
Features
- 12/24 小時制切換
一鍵切換。AM/PM 以小號上標呈現,時分數字依舊是視覺重心。
- 秒可隱藏
不想被每秒跳動的數字干擾?一鍵關掉秒,畫面瞬間安靜下來。
- 本地化日期副標題
時鐘下方顯示含星期的長格式日期,依據瀏覽器 Intl 引擎——中、日、韓、英都能自然閱讀。
- 時區下拉
內建 24 個 IANA 時區,涵蓋中、英、日、韓的主要生活圈,也可以選自動。
- 數字與背景顏色自訂
搭配品牌色或現場燈光。預設天藍配近黑,高對比、極易讀。
- 一鍵全螢幕
一次點擊進入全螢幕,Esc 退出。切換分頁或最小化會自動暫停,省電省 CPU。
- 首次載入後離線可用
靜態頁面加客戶端渲染,快取後無需連線;現場網路不穩也照跑不誤。
- 不上傳內容
時鐘完全本機運行,控制項狀態不會離開瀏覽器,不會上傳伺服器。
Compatible Platforms
- iPhone(Safari / Chrome)
- Android(Chrome / Firefox)
- iPad / Android 平板
- Windows(Chrome / Edge / Firefox)
- macOS(Safari / Chrome)
- Linux
- 智慧電視瀏覽器
- Chromebook
- OBS Studio(瀏覽器來源)
Related Tools
FAQ
- 切到別的分頁後時鐘會繼續走嗎?
- 不會。分頁隱藏時自動暫停,回到分頁時自動讀取真實時間繼續顯示,既省 CPU 也不會「走慢」。
- 這是倒數計時嗎?
- 不是。這是一塊掛在牆上的大型時鐘,顯示目前時間。需要倒數到某個時刻請用「大型倒數計時」工具。
- 能嵌入 OBS 直播嗎?
- 可以。加瀏覽器來源指向本頁,裁剪出需要的區域即可;把背景改成綠色或黑色還能做鍵控透明。
- 為什麼沒有平滑的秒針?
- 這是數位時鐘,秒是整秒跳動。平滑的類比秒針是另一個工具的規劃中功能。
- 時區下拉是怎麼實作的?
- 選擇任何 IANA 時區(例如 Asia/Taipei),時鐘就透過瀏覽器 Intl 引擎格式化,完全本機,不走伺服器。
- 自動時區用的是哪個?
- 瀏覽器讀取的作業系統時區,也是多數人最直覺的那一個。
- 切換時區會有延遲嗎?
- 下一次 tick 就生效。時鐘每秒 tick 四次,延遲最多 250 毫秒。
- 螢幕閱讀器能讀出時間嗎?
- 可以。頁面有 aria-live 區域,會把目前時間作為純文字朗讀,不干擾視覺排版。
- 智慧電視瀏覽器能用嗎?
- 只要瀏覽器支援 Intl.DateTimeFormat(近五年版本大多支援),都能正常執行。
- 日光節約時間需要手動刷新嗎?
- 不需要。Intl 引擎會根據所選 IANA 時區自動處理日光節約時間。