倒计时与番茄钟组件：嵌入 Notion 和你网站的实时计时器

在 Notion、Obsidian 或任意网站嵌入实时倒计时、番茄钟、循环间隔计时器、新年倒计时与年度进度条——实时 iframe，永不过期，免费嵌入。

计时器是最需要"实时"的嵌入内容：倒计时的截图在拍完三十秒后就毫无价值。下面的组件都是真实计时器页面的实时 iframe，数字会在你的文档里真的跳动——能从 Notion 页面直接开始的番茄钟、走一整年的新年倒计时、每个周一安静制造焦虑的年度进度条。

番茄钟与专注计时

番茄钟（25 分钟） · 嵌入：https://embed.widget.diy/JhHk7c6j —— 在嵌入内开始、暂停、重置；和任务数据库放在一起就是完整的专注工作站。
倒计时器 · 嵌入：https://embed.widget.diy/PnfUAwdP —— 任意时长可视化倒计时，到点提醒。
循环间隔计时器 · 嵌入：https://embed.widget.diy/ZLWYnoLq —— 倒计时结束自动重来，适合 HIIT 循环、口语练习和课堂轮转。

事件与节日倒计时

新年倒计时 · 嵌入：https://embed.widget.diy/eABtjWLb —— 距 1 月 1 日的天时分秒，全年实时走动。
节假日倒计时 · 嵌入：https://embed.widget.diy/ikAoAdxd —— 倒数到下一个法定节假日，团队永远知道在为什么奋斗。

年度进度——大局观

年度进度条 · 嵌入：https://embed.widget.diy/FMKeKyJZ —— "2026 已过 71.4%"式进度条，OKR 页面和年度总结文档的最爱。
年度进度（dukeyin） · 嵌入：https://embed.widget.diy/CADnXijw —— 同一思路的极简变体。
年度统计面板 · 嵌入：https://embed.widget.diy/TYdFRZS8 —— 一年第几天、第几周、已过时长，一屏看完。
时间进度条（time163） · 嵌入：https://embed.widget.diy/aN2RvxhF —— 日/月/年进度 stacked 展示。

在 Notion 里嵌入计时器

从组件详情页复制嵌入地址；
Notion 输入 /embed 粘贴；
计时器需要点击（开始/暂停）时开启点击穿透：嵌入支持 ?clickable=1，widget.diy 详情页在作者允许时默认透传点击。

HTML 同样一行 iframe：

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

为什么不用 Notion 原生计时？

Notion 没有计时器块，第三方"计时"集成通常是静态图片或在 Notion 沙箱里跑不起来的 JavaScript。实时网页组件两个问题都绕开了：计时逻辑跑在源页自己的沙箱 iframe 里，只有像素进入你的文档。

常见问题

关掉页面番茄钟还走吗？ 计时在嵌入可见期间运行；重新打开是新一段——和桌面上的计时器行为一致。

能做自己日期的倒计时吗？ 可以：裁任意 URL 带日期的倒计时页，或用 widget.diy 的自定义 HTML 组件（schema 驱动配置）自己搭。

嵌入免费吗？ 是，广场组件嵌入免费且不限次数。