Countdown Timer

倒计时器

倒数到任意未来日期与时间。可分享链接、可嵌入 iframe、实时大字号显示。新年、婚礼、产品发布、直播 overlay 都适用。

倒计时器 — TL;DR

倒数到任意未来日期与时间。可分享链接、可嵌入 iframe、实时大字号显示。新年、婚礼、产品发布、直播 overlay 都适用。

番茄钟和秒表测量 相对 时间 — 「从现在起 25 分钟」或「已经跑了多久」。倒计时器测量 绝对 时间 — 「距离某个特定日期和时间还剩多久」。目标时刻是固定的:刷新页面、明天再打开,倒计时仍指向同一个时刻。事件用这个;任务用 Stopwatch & Timer。

可以。点击 复制分享链接、粘贴到任何地方 — Slack、邮件、推文、博客文章。网址包含完整状态(目标时刻 + 标题),收件人打开时看到同一个倒计时指向同一个时刻,任何设备都能用,免注册。

事件标题、日期、分享链接永远不会离开你的设备。打开 DevTools → Network,使用过程中没有任何对外请求。

—
天
:
—
时
:
—
分
:
—
秒

快速预设

不只是倒数秒数

为活动、直播、课堂、个人时刻打造 — 不是用来计时喝杯咖啡。

倒数到任意时刻

选择任意未来日期与时间,可加事件标题。画面每秒更新;天 / 时 / 分 / 秒 始终加总为剩余时间。

可分享的网址深链接

点击 复制分享链接 获取网址,例如 ?to=2027-01-01T00:00&title=New%20Year。任何人打开链接都看到同一个倒计时指向同一个时刻 — 无需安装、无需注册。

可嵌入 iframe

在分享网址后加上 &embed=1,页面就会去除 chrome — 适合嵌入直播 overlay(OBS、Streamlabs)、博客文章、婚礼网站、活动落地页。<iframe src="…?to=…&embed=1">。

事件预设

一键预设新年、圣诞节、「7 / 30 / 100 天后」。最近用过的 10 个自定义事件会本地保存,可一键重用。

归零响铃 + 页面闪烁

倒计时归零时,页面播放 Web Audio 铃声,并闪烁页面标题与 favicon — 切换到其他浏览器标签页也能看到。

隐私优先

每次计时都在你的设备上以 JavaScript 执行。事件标题、日期、剪贴板操作都不会传出。打开 DevTools → Network 可验证没有任何对外请求。

如何使用倒计时器

三步生成可分享、可嵌入的倒计时。

  1. 1

    选择目标时刻

    点开日期+时间选择器,挑任意未来时刻,或选一个预设(新年、圣诞节、+7 / +30 / +100 天)。可选择填入事件标题 — 「婚礼」、「产品发布」、「期末考试」 — 标题会显示在数字上方。

  2. 2

    复制分享链接

    点击 复制分享链接、粘贴到任何地方。网址编码整个倒计时状态 — 朋友、家人、客户、观众打开时都看到同一个倒计时指向同一个时刻。

  3. 3

    需要的话,嵌入它

    对直播、博客、婚礼网站、活动落地页,在分享网址后加 &embed=1、放进 <iframe>。Embed 模式会去除 navbar、footer 与配置 — 只留下数字。

  4. 4

    long.how.step4.title

    long.how.step4.body

为大小活动而生

四种常见场景 — 在这些情况下,可分享、可嵌入的倒计时比锁屏提醒好用得多。

产品发布 / 限时促销倒计时

把倒计时嵌入活动页,访客一眼就看到还有多久发布、限时促销剩多久。网址深链接也适合营销邮件 — 收件人点开直接看到同一个实时倒计时,不用离开品牌情境。

婚礼、生日、纪念日

设置日期、加上标题、把链接分享到家庭群组。任何人打开链接都看到实时倒计时 — 适合婚礼网站嵌入、save-the-date 邮件、或单纯的群组提醒,让它一直在那儿走。

直播段落计时

在 OBS / Streamlabs 用 &embed=1 网址作为 browser source,即可在直播中显示开播倒计时、AMA 截止、抽奖结束、拍卖结束 — 观众把它视作播出内容的一部分。

考试 / 截止日 / 项目评审

把倒计时钉在书签栏,每次打开新标签页就看到秒数在跑。document title 也会显示剩余时间,扫一眼标签页列表就看得到 — 温和但持续的提醒。

100% 私密 — 在浏览器中运算

事件标题、日期、分享链接永远不会离开你的设备。打开 DevTools → Network,使用过程中没有任何对外请求。

  • 所有倒计时 tick、响铃声(Web Audio API)、剪贴板写入都在你的设备上以 JavaScript 执行 — 在页面源代码中可以看到。
  • 已保存事件仅放在 localStorage 中,不会同步到任何服务器。
  • 无需登录、不对事件标题埋点、无第三方倒计时服务。仅使用一个 cookie 记录 cookie 同意状态,以及一个 cookie 记录语言偏好。

相关文章

为倒计时、直播嵌入、活动营销精选的实用文章。

常见问题

这个跟番茄钟或秒表有什么区别?

番茄钟和秒表测量 相对 时间 — 「从现在起 25 分钟」或「已经跑了多久」。倒计时器测量 绝对 时间 — 「距离某个特定日期和时间还剩多久」。目标时刻是固定的:刷新页面、明天再打开,倒计时仍指向同一个时刻。事件用这个;任务用 Stopwatch & Timer。

可以把倒计时分享给别人吗?

可以。点击 复制分享链接、粘贴到任何地方 — Slack、邮件、推文、博客文章。网址包含完整状态(目标时刻 + 标题),收件人打开时看到同一个倒计时指向同一个时刻,任何设备都能用,免注册。

可以嵌入到我的网站或直播中吗?

可以。在分享网址后加 &embed=1、把结果放进 <iframe> 即可。Embed 模式会隐藏 navbar、footer、配置面板和广告 — 只留下大字号显示在透明背景上。OBS / Streamlabs 的 browser source、WordPress / Squarespace 嵌入、Notion、任何符合标准的网站都能用。

倒计时在数小时、数天后仍然准确吗?

仍然准确。我们用实时的 Date.now 与绝对毫秒目标比较 — 即使笔记本休眠数小时再唤醒、或切到其他标签页让浏览器限制 JavaScript,显示的时间每次 tick 都从绝对目标重新计算。没有累积漂移。

数据会发送到服务器吗?

不会。目标时间、事件标题、分享链接生成、响铃播放都在你的浏览器中以 JavaScript 执行。最近用过的 10 个事件保存在你设备上的 localStorage。打开 DevTools → Network 即可验证使用过程中没有任何对外请求。