即時預覽280 × 190px
將此 HTML 程式碼片段貼入您的網站、部落格或 CMS 頁面模板中。內嵌代碼:
<iframe src="https://worldclock.info/embed?type=clock&city=istanbul&lang=zh" width="280" height="190" frameborder="0" loading="lazy" style="border:none;border-radius:12px;overflow:hidden;" title="世界時鐘"></iframe>
<div style="text-align:center;font-size:11px;color:#888;margin-top:4px;"><a href="https://worldclock.info/zh/city/istanbul" target="_blank" rel="noopener" style="color:#666;text-decoration:none;">世界時鐘 by WorldClock.info</a></div>
為什麼要在網站中加入世界時鐘?
⚡ 零維護成本時間永遠精準。時鐘與夏令時間均會自動透過全球權威時間伺服器即時同步。
🎨 極致輕量與迅速iframe 體積小於 15 kB 並具備延遲載入(lazy loading),對 Core Web Vitals 效能毫無負擔。
🔒 RWD 自適應與外觀自訂在手機、平板與桌機上均完美呈現,提供日間、夜間與透明三種美觀風格。
如何加入至您的網站
WordPress
在區塊編輯器中加入「自訂 HTML」區塊,直接貼上代碼。
Wix / Squarespace
在頁面中新增「嵌入代碼」(Embed HTML)元件,貼上 iframe 代碼。
Shopify / Webflow
在佈景主題編輯器中加入 Custom Liquid 或 Custom Code 區段並儲存發布。
常見問題
世界時鐘小工具完全免費嗎?
是的。所有 WorldClock 內嵌小工具對個人及商業網站均 100% 免費,無需註冊或索取 API 金鑰。
這個時鐘小工具會拖慢我的網站載入速度嗎?
完全不會。iframe 檔案極小(小於 15 kB)並採用非同步與延遲載入技術。
如何在 WordPress 或 Wix 網站中新增?
WordPress 使用「自訂 HTML」區塊;Wix 選擇「新增元素」>「嵌入代碼」>「嵌入 HTML」。
小工具會自動調整夏令時間嗎?
會的。所有時間皆依據全球官方 IANA 時區規則動態即時計算。