倒计时工具

目标时间
目标时间一到会自动提示。倒计时基于本机时间计算, 页面需保持打开;切换标签页时浏览器可能降低刷新频率,回来后会立即校正。
倒计时
在左侧选择目标时间,这里会开始倒计时
在线倒计时工具,选择目标时间后实时显示剩余天、时、分、秒、毫秒,带进度条与到时提示,支持 1 小时后、今晚 24 点、明天此刻等快捷设置。

工具简介

在线倒计时工具。选择目标时间后,页面实时显示还剩多少天、时、分、秒、毫秒,并给出进度条与剩余总秒数。目标时间一到会自动提示,超过后转为「已过去多久」。全部基于本机时间计算,不联网。

使用步骤

  1. 填「事件名称」(可选,例如「项目上线」)。
  2. 选择目标日期与时间,或点一个快捷预设(1 小时后、今晚 24 点、明天此刻、7 天后、30 天后、明年元旦)。
  3. 右侧立即开始倒计时,精确到毫秒。
  4. 想只看整秒,把「显示精度」切到「到秒」。
  5. 点「复制」可复制一句可读的倒计时文案。

时间是怎么算的

倒计时基于本机时间(Date.now())计算:

剩余毫秒 = 目标时间戳 − 当前时间戳

再逐级取整得到天、时、分、秒、毫秒:

天 = 剩余毫秒 ÷ 86400000
时 = (剩余毫秒 mod 86400000) ÷ 3600000
分 = (剩余毫秒 mod 3600000) ÷ 60000
秒 = (剩余毫秒 mod 60000) ÷ 1000

所以如果电脑时间不准,倒计时也会不准。需要高精度场景请确认系统时间已同步。

进度条的含义

进度条表示「从你打开这个页面开始」到「目标时间」这段时间已经过去了多少。它不是某个任务的实际进度——本工具无法知道你的任务从什么时候开始,只能以页面加载时刻作为起点。

为什么毫秒会跳

毫秒位使用约 20 次/秒的刷新频率。浏览器的定时器精度受系统调度影响,实际间隔会有小幅波动,所以毫秒数字看起来是跳跃的,这是正常现象。

另外,浏览器在标签页不可见时会降低定时器频率(省电策略)。切回页面时,工具会立即用当前时间重算一次,显示的数字不会出错,只是切走期间不再刷新。

适用场景

  • 倒计时到发布会、直播、考试、活动开始
  • 计算距离某个截止时间还剩多久
  • 盯住某个时刻(如抢票、开售)做准备
  • 记录已经过去了多久(目标时间设为过去即可)

注意事项

  • 页面必须保持打开才能持续倒计时;关闭或刷新后需要重新设置。
  • 目标时间精确到秒,不处理时区转换,一律按本机本地时间理解。
  • 倒计时到达时会弹出一个提示,并且只弹一次;继续挂着会显示「已过去多久」。
  • 如果把目标时间设在过去,工具会直接以「已过去」的方式显示,可用于正计时。

常见问题 FAQ

可以当作计时器用吗?

可以。把目标时间设在过去即可正向计时;想要标准计时器建议用专门的计时工具。

时区会转换吗?

不会。所有时间一律按本机本地时间理解,不做时区换算。

为什么复制出来的文案和屏幕不一样?

复制得到的是可读的一句话(如「距离项目上线还有 3 天 5 小时」),不含毫秒,方便粘贴到文档或聊天里。

时间精度是多少?

目标时间精确到秒。显示上可选「含毫秒」或「到秒」两种精度。

支持哪些快捷设置?

1 小时后、今晚 24 点、明天此刻、7 天后、30 天后、明年元旦,点一下即可填入。

可以同时倒计时多个事件吗?

本工具一次只倒计时一个目标时间。需要多个时,可以开多个浏览器标签页分别设置。

进度条表示什么?

表示从你打开页面到目标时间这段时间已经过去了多少。它不是任务的实际进度,工具无法知道任务从什么时候开始。

目标时间已过会怎样?

工具会转为显示「已过去多久」,相当于一个正计时器。到达的那一刻会弹出一次提示,只弹一次。

切到别的标签页后还在计时吗?

会。浏览器为了省电会降低后台标签页的定时器频率,所以数字刷新变慢,但切回页面时会立即用当前时间重算,结果不会出错。

毫秒数字为什么一直在跳?

毫秒位以约 20 次/秒的频率刷新,受浏览器定时器调度精度影响,看起来会跳跃,这是正常现象。

倒计时用的是网络时间吗?

不是,用的是本机系统时间。如果电脑时间不准,倒计时也会不准,重要场景请先确认系统时间已同步。

关闭页面后倒计时还会继续吗?

不会。倒计时依赖页面里的定时器,关闭或刷新页面后需要重新设置目标时间。