把時鐘嵌到你的網站上
選樣式、訂時區、複製一段程式碼就完成。時鐘跑在 iframe 裡，不會碰到你頁面的 CSS 和腳本。不用註冊，也不用安裝任何東西。
翻頁卡片
純數字
怎麼加進去
- 1
複製程式碼
點上面的複製按鈕。這段就是普通 HTML，不需要建置工具，也不用裝任何相依套件。
- 2
貼到頁面裡
任何能寫原始 HTML 的位置都行：自訂 HTML 區塊、程式碼區塊，或主題樣板檔。
- 3
儲存重新整理
時鐘立刻出現。沒有別的要設定，以後也不用回來更新。
在哪些平台能用
用「自訂 HTML」區塊，或貼進文字小工具。
在頁面裡加一個 Code Block，把程式碼貼進去。
輸入 /embed 後貼 iframe 位址，不是整段程式碼。
一個不會拖慢你頁面的時鐘元件
大多數時鐘元件會帶一個 JavaScript 函式庫、一個網頁字型，再加一次第三方伺服器請求。這個元件只有一個 HTML 檔，壓縮後約 5 KB，樣式和邏輯全部內嵌。它以 iframe 的形式載入，所以改不了你頁面的 CSS，擋不住你的腳本，也讀不到訪客輸入的任何東西。
提供兩種樣式。翻頁卡片還原老式車站翻牌屏的觀感，每一位數字帶著陰影向前翻落。純數字拿掉卡片，用大號等寬數字，更適合文章頁和儀表板。兩者依同一個基準縮放，來回切換不會把版面頂動。
時區可以固定到任意 IANA 名稱，也可以跟隨訪客本地時間。日光節約時間由瀏覽器內建的時區資料處理，所以設成 Europe/London 的時鐘會自己跟著英國夏令時間切換，我們這邊不用做任何更新。
這個元件免費，而且會一直免費。iframe 裡沒有帳號、沒有浮水印。
常見問題
這個時鐘元件真的免費嗎？+
真的。不需要帳號、不需要付費、沒有浮水印，嵌入多少個都不限制。我們只希望保留時鐘下面那行連結。
必須保留 Clockhub 連結嗎？+
技術上不做強制，刪掉時鐘照樣能用。但它是這個專案唯一的收入來源，所以希望你能留著。你複製的程式碼裡已經帶上了。
iframe 會拖慢我的頁面嗎？+
整個嵌入壓縮後約 5 KB，比一張照片還小。而且程式碼裡帶了 loading="lazy"，瀏覽器要等它捲到視窗附近才會去載入。
WordPress、Squarespace、Notion 能用嗎？+
WordPress 和 Squarespace 都能用，放在自訂 HTML 區塊或 Code Block 裡即可。Notion 不一樣：它嵌的是網址而不是 HTML，所以要在 /embed 區塊裡只貼 iframe 位址，那種情況下歸屬連結不會出現。
可以顯示別的時區嗎？+
可以。在設定面板選一個時區，程式碼裡會帶上 tz 參數。任何 IANA 名稱都行，例如 Asia/Taipei 或 America/New_York。
訪客裝置時間不準的話，還顯示正確時間嗎？+
不會。時鐘讀的是訪客裝置的本地時間，再換算到目標時區，裝置時間錯了顯示的就錯。要拿到權威時間就得每次載入都請求伺服器，為了把體積壓到 5 KB，我們刻意沒有這麼做。