嵌入小工具
免費為您的網站嵌入模擬時鐘。
一行 HTML 程式碼即可完成。適用於部落格、教室頁面、儀表板、直播、Notion 嵌入及內部工具。自訂下方時鐘,然後將程式碼貼到任何允許 HTML 的地方。
即時預覽
可自適應大小的 iframe,內建歸屬連結。
調整視窗大小,查看嵌入時鐘如何自適應。
複製並貼上
兩種嵌入方式,選擇適合您平台的方式。
<div style="display:inline-block;text-align:center">
<iframe src="https://analogueclock.com/embed/clock?face=classic&theme=auto&seconds=1&smooth=1" width="360" height="360" style="border:0;background:transparent;display:block" loading="lazy" title="Analogue clock by AnalogueClock.com"></iframe>
<a href="https://analogueclock.com/?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener" style="display:block;margin-top:4px;font:400 11px/1.4 system-ui,sans-serif;color:#888;text-decoration:none">Analogue clock by AnalogueClock.com</a>
</div>適用於任何允許 HTML 的地方。固定像素尺寸。
適用場景
教室白板
在智慧白板或班級網站上展示清晰的模擬時鐘。
直播畫面疊加
透過 OBS 瀏覽器來源,在直播畫面角落加入時鐘。
會議室大螢幕
在大廳螢幕、儀表板和辦公展示屏上顯示當地時間。
個人部落格
為學習頁面、首頁或側邊欄新增一個簡潔的時鐘小工具。
WordPress 外掛即將推出
嵌入腳本專為未來的短代碼外掛設計:在 WordPress 中選擇錶盤樣式,保留歸屬連結的同時渲染相同小工具。
OBS 瀏覽器來源
直播主可將 iframe URL 貼到 OBS 瀏覽器來源中。專屬直播疊加層指南將基於相同端點建立。
使用條款
嵌入時鐘免費用於個人、教室及商業用途。角落的 analogueclock.com 版權連結必須保持可見——這是新用戶發現本專案的途徑。