实时预览280 × 190px
将此 HTML 代码片段粘贴至您的网站、博客或 CMS 页面模板中。嵌入代码:
<iframe src="https://worldclock.info/embed?type=clock&city=istanbul&lang=zh-cn" 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-cn/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 性能毫无负担。
🔒 自适应与外观自定义在手机、平板与桌面上均完美呈现，提供日间、夜间与透明三种美观风格。
如何添加至您的网站
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 时区规则动态实时计算。