可嵌入任意位置的实时时钟组件：模拟钟、数字钟、翻页钟与世界时钟

时钟是网络上被嵌入最多的组件，原因显而易见：每个仪表盘、主页和 Notion 页面都想表达"现在"。多数"时钟组件"的问题在于它们是图片或死脚本——下面的时钟都是真实时钟页面的实时 iframe，裁到只剩表盘，因此在任何文档里都走得准。

模拟钟——桌钟质感

带扫秒指针的经典表盘，读起来像家具而不是软件，适合个人主页顶部或团队 wiki 侧栏。

• 模拟时钟（beijing-time.org） · 嵌入：https://embed.widget.diy/2v7FUeNi
• 模拟时钟·深色变体 · 嵌入：https://embed.widget.diy/Cw6SvqSL
• 极简模拟钟 · 嵌入：https://embed.widget.diy/LwRXBMDe

数字钟——大、清楚、无法忽视

当时钟本身就是重点（墙面屏、专注页、厨房平板），你需要三米外也能读的数字。

• 数字时钟（clockhub） · 嵌入：https://embed.widget.diy/cHjGcEdG
• 3D 数字时钟 · 嵌入：https://embed.widget.diy/Cr3mbJco
• 数字时钟（webclock.online） · 嵌入：https://embed.widget.diy/zcv2ahG8
• 数字时钟（digitalclock.live） · 嵌入：https://embed.widget.diy/MYarCjsk

翻页钟——会翻的复古数字

翻页钟（split-flap）是审美之选：机场信息牌的怀旧感加上实时分钟。

• 翻页时钟（time.youdoo.cn） · 嵌入：https://embed.widget.diy/sgeZMhRo
• 翻页时钟（flipclock.online） · 嵌入：https://embed.widget.diy/hszHoKDp
• 翻页时钟·仅时分 · 嵌入：https://embed.widget.diy/twKXfuUx
• 翻页时钟（flipflow） · 嵌入：https://embed.widget.diy/ShBZkCwk

世界时钟——所有时区一屏看完

分布式团队必备：一板城市时钟，回答"现在能不能 ping 柏林"而不需要做算术。

• 世界时钟（clockhub） · 嵌入：https://embed.widget.diy/o2ExmAsq
• 世界时钟（rakko.tools） · 嵌入：https://embed.widget.diy/Jc5p4Vf4

朴素时钟——日期加时间，别无其他

• 带日期时钟（yingming006） · 嵌入：https://embed.widget.diy/q22fVKwk
• 桌面时钟（mumudroid） · 嵌入：https://embed.widget.diy/LmZ5tBFz

嵌入方法

每个嵌入地址都在 embed.widget.diy 源上的沙箱 iframe 里渲染源时钟页，裁到表盘、按容器缩放。Notion：/embed → 粘贴地址。HTML：

<iframe
  src="https://embed.widget.diy/sgeZMhRo"
  width="400"
  height="300"
  frameborder="0"
  scrolling="no"
  loading="lazy"
></iframe>

加 ?fit=contain 可把表盘等比放进任意盒子，?fit=cover 则填满容器。时钟一直走，是因为每次查看都重新加载源页实况。

常见问题

时钟显示我的时区吗？ 各组件显示其源页的时区（浏览器本地时钟类跟随访问者；城市板显示固定城市）。多时区页面选城市板。

能裁任意网站的时钟吗？ 可以——把任意时钟页网址粘贴进 widget.diy，框住表盘，一分钟内拿到嵌入地址。

免费吗？ 嵌入免费且不限次数；创建自己的组件免费额度 5 个。