把时钟嵌到你的网站上
选样式、定时区、复制一段代码就完事。时钟跑在 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/Shanghai 或 America/New_York。
访客设备时间不准的话，还显示正确时间吗？+
不会。时钟读的是访客设备的本地时间，再换算到目标时区，设备时间错了显示的就错。要拿到权威时间就得每次加载都请求服务器，为了把体积压到 5 KB，我们刻意没有这么做。