00:00 / 00:00

Clock

基礎設定

「基礎設定」標籤頁分為「一般設定」「日期設定」與「危險」三部分。所有變更都會即時反映在頁面頂端的時鐘預覽上,並同步寫入瀏覽器網址列

一般設定

設定項說明
自訂字型直接輸入字型名稱,或點擊右側的「選擇字型」從清單中挑選,詳見 字型
字型上方顏色漸層的起始顏色,預設 #22542b
字型下方顏色漸層的結束顏色,預設 #bad5b8。取消勾選標籤左側的核取方塊即為單色,此時只使用上方顏色
漸層角度0 至 360,間距 10,預設 180°。單色模式下無法使用
描邊顏色預設 #ffffff
描邊粗細-1 至 5,預設 1,單位為 px。設為 0 即可去掉描邊
文字對齊方式靠左、置中、靠右,預設靠左
時區預設「跟隨系統」,即使用執行瀏覽器的這台機器的時區,詳見下方「時區」
背景色僅用於在瀏覽器中預覽效果,不會寫入 URL,也不會出現在 OBS 中
網路校時預設關閉,詳見 網路校時
使用粗體預設開啟
顯示秒數預設開啟
使用 12 小時制預設關閉,即 24 小時制

漸層與描邊

時鐘的顏色由「字型上方顏色」到「字型下方顏色」的線性漸層實作,漸層方向由「漸層角度」控制。描邊並非真正的字型描邊,而是由多層同色陰影疊加而成,因此描邊粗細越大,轉角處越容易出現鋸齒

時區

時區清單由瀏覽器的 Intl API 動態產生,涵蓋全部 IANA 時區,並依 UTC 偏移排序。清單頂端是「跟隨系統」與 UTC,其餘項目以城市名加偏移量的形式顯示,例如 Shanghai (UTC+8)

時區只影響時鐘顯示的時刻,不影響用於校準的本機時間來源

日期設定

開啟「顯示日期」後,時鐘下方會額外顯示一行日期。開啟後建議將「文字對齊方式」改為「置中」

設定項可選值預設值
日期格式覆寫跟隨系統語言、zh-CNzh-TWenjathdefrnoit跟隨系統語言
星期格式長、短、窄、不顯示
日(天)格式兩位數字、數字兩位數字
月份格式長、短、窄、兩位數字、數字兩位數字
年份格式長、短、不顯示
日期字型大小1 至 5,間距 0.023

日期的排版完全交給瀏覽器的 Intl.DateTimeFormat 處理,因此同一組格式在不同語言下的呈現順序也不同,例如 2022年03月04日 週五Fri, 03/04/2022。各格式在下拉選單中都帶有即時範例,選擇前即可預覽實際效果

「日期字型大小」的單位為 rem,預設值 3 相當於 48px;時間部分的字級固定為 85px,透過調整日期字級來控制兩行的相對大小

危險

點擊「恢復預設值」後,將移除所有連結中的自訂設定,頁面回到不帶任何參數的初始狀態。該操作無法復原,如果目前的樣式還想保留,請先把網址複製到別處

相關連結

最後更新於 2026年9月19日

Tech otakus destroy the world