倒计时器 — 实时显示天/小时/分/秒
选择目标日期和时间,逐秒显示距离该时刻的剩余时间。可添加自定义事件名。目标过后自动切换为「经过时间」。
工作原理
工作原理
每秒通过 setInterval 触发一次。每次取本地当前时间, 减去目标时间, 把差值拆分为天/小时/分/秒。无网络往返, 网络断开时倒计时仍准确(只要页面已加载完毕)。
时区使用浏览器认为的「本地」。设为「今日 12:00」时, 不同时区访问者看到的是各自本地 12:00 的倒计时——都正确, 但对应不同的地球时刻。
常用场景
项目截止日(在会议室屏幕显示倒计时)、产品发布(公开发布前的倒数)、旅行(假期、航班、火车)、考试与认证、婚礼与纪念日、体育赛事。可选事件名让屏幕一目了然。
目标时间过后, 同一显示切换为「已经过时间」继续累加。「最后一次事故已经过 X 天」这类 SRE 仪表盘也适用。
为什么用倒计时而不是日历提醒
日历提醒在事件时刻才弹出一次。实时倒计时让你时刻保留 peripheral 意识——适合需持续聚焦的目标。运动员队伍、软件团队作战室、马拉松训练屏幕都用得上。
想放在公共仪表盘上, 设置后收藏 URL。状态保留在输入字段中, 刷新会重置(共享 URL 功能在路线图上)。
常见问题
›精度到秒级吗?
是的——每秒更新一次, 每次都从当前时钟重新计算, 不会累积漂移。
›使用哪个时区?
浏览器的本地时区。所选目标按本地时间解释, 不是 UTC。
›断网能继续吗?
可以, 页面加载完成后定时器无需网络连接。
›可以分享给他人吗?
目前还没有 URL 分享。我们正在开发把目标和标题编码到 URL 的功能。当下可截图或屏幕录制分享。
›目标过后会怎样?
切换到「已经过时间」继续向上累加。数字仍是正值, 只是标签变了。
›可以同时多个倒计时吗?
用浏览器多个标签页, 每个独立。同一页面多事件模式在路线图上。
›切换标签页后还在跑吗?
浏览器节流后台 setInterval, 但回到本标签时定时器从当前时钟重新计算, 显示会立即追上。
›数据会上传吗?
不会, 全部留在浏览器内。
相关工具
最后更新: