免费倒计时计时器

工作原理

选择一个未来的日期和时间，可选择为其命名，然后按开始。倒计时每秒更新一次，显示剩余的年、日、时、分、秒。当它到达零时，会显示庆祝消息。所有处理都在您的浏览器本地运行。

常见问题

我可以分享倒计时吗？

可以。点击"复制分享链接"以获取包含编码的目标日期和标签的 URL。任何打开该链接的人都会看到相同的倒计时。

如果我关闭标签页，它还会继续运行吗？

倒计时每秒都会根据当前时间重新计算。如果您关闭并重新打开页面，它会从已存储的分享链接恢复，或者您需要设置新的日期。

使用哪个时区？

倒计时使用您本地浏览器的时区。您输入的目标日期和时间按您当前的时区解释。

倒计时简史

倒计时是一种关于时间流逝的叙事。正向计时的钟告诉我们身处何时;倒计时的钟告诉我们还剩多少,这在心理上是一种不同的体验。可见的、不断减少的资源会产生注意力转移,行为经济学研究始终将其与短期表现的提升联系在一起。

大多数人遇到的第一个真正的倒计时是国际象棋钟。机械国际象棋钟配有一个翘板杠杆(按下一边,你的时间停止,对手的时间开始),通常归功于托马斯·布莱特·威尔逊,他在1883年伦敦国际锦标赛上首次引入。鲍比·菲舍尔本人于1989年获得了数字国际象棋钟的专利(US Patent 4,884,255),该钟在每步棋后增加少量增量,如今已成为FIDE标准。厨房计时器在20世纪初紧随其后:伊士曼柯达的发条暗房计时器迁移到厨房,一个校准为0至60分钟的钟表表盘在二战后成为家庭必备品。

戏剧性的倒数读秒「T-减10、9、8…」由美国和苏联的太空计划推广开来。在航空航天用法中,T代表起飞「时刻」(T-零),T-减表示剩余时间,T-加表示发射后经过的时间。NASA区分T-time(从持续测量到发动机点火的刚性时钟)和L-time(包含计划暂停的人为发射时间估计)。电影中的倒计时实际上早于太空时代。1929年弗里茨·朗的电影Frau im Mond(《月里嫦娥》)通常被认为发明了在火箭发射场景中用于叙事张力的戏剧性倒数,这一创新后来被沃纳·冯·布劳恩的V-2火箭发射所采用,并由此进入NASA的广播。

番茄工作法

1980年代后期,一位名叫弗朗切斯科·西里洛的罗马研究生,在学习时难以集中精力,他抓起一个番茄形状的厨房计时器(意大利语称pomodoro),设定10分钟,并承诺在它响起之前真正地工作。他逐步将协议完善为25分钟工作加5分钟休息,每四个番茄之后再休息15到30分钟。他于2006年以书籍形式发布了这一技术,并通过位于柏林的Cirillo Consulting GmbH经营Pomodoro品牌培训和咨询。

五步协议:

1. 选择一项要完成的任务。
2. 将番茄设置为25分钟。
3. 不间断地处理任务,直到计时器响起。
4. 休息一小段时间(5分钟)。
5. 每四个番茄之后,休息更长一段时间(15到30分钟)。

厨房计时器的低保真物理性是设计的一部分:西里洛认为上发条时的咔嗒声本身就是一种承诺装置,标志着与自己签订合同。变体包括50/10循环(松散对应于睡眠研究者纳森·克莱特曼记录的超昼夜节律)、90/20深度工作块(由卡尔·纽波特推广),以及Tabata HIIT协议(伊豫达比1996年的研究),20秒发力配10秒休息,重复八次,共4分钟的全套训练。

为何这个计时器不会漂移

天真的倒计时每秒递减一个计数器,会在两个方面出错。首先,JavaScript的setInterval不是实时的:HTML规范只保证最小延迟;实际触发时间取决于事件循环压力、渲染、垃圾回收和其他任务。一个1秒的间隔运行一小时,通常会累积数十秒的延迟。其次,浏览器为了节省电池,会激进地限制后台标签页。Chrome 11(2011年5月)将后台计时器限制为最少1000毫秒;Chrome 87(2020年11月)推出了「Intensive Wake Up Throttling」,将隐藏超过5分钟的标签页中的计时器回调对齐为每分钟一次,批处理。

稳健的模式,被每个主要的倒计时库和这个工具所使用,在每次tick时根据绝对的挂钟时间计算剩余时间:remainingMs = targetMs - Date.now()。因为显示的值在每次渲染时都从挂钟派生,计时器间隔的漂移就无关紧要了。一个延迟200毫秒的tick仍然显示正确的剩余时间。即使每秒的tick在标签页隐藏期间只触发了每分钟一次,标签页重新获得焦点时,计时器会「跳到」正确的数字并平稳继续。Page Visibility API(document.visibilityState加上visibilitychange事件)允许界面在标签页重新获得焦点时立即重新计算,这样用户在切换回来的瞬间就看到正确的值,而不必等待下一次受限的tick。

倒计时计时器的实际用途

• 番茄工作法和学习时段。上述经典的25/5循环。
• HIIT和锻炼计时。Tabata 20/10×8、EMOM(「每分钟一次」)、30/30和45/15间隔。CrossFit健身房无一例外都在墙上挂有横跨场地可见的倒计时钟。
• 公开演讲。国际演讲会(Toastmasters International)为每场演讲使用精确的可见计时器(绿/黄/红灯)。会议演讲都依赖可见的倒计时进行。
• 拍卖和促销。eBay的「即将结束」横幅、闪购倒计时、「此优惠将在10分钟内到期」的购物车找回邮件。心理学上有充分记录的稀缺效应:可见的、不断减少的时间压力会提高转化率。
• 考试计时。SAT、GRE、MCAT、IELTS都有分章节的倒计时。与官方时长相匹配的练习计时器是标准的备考方式。
• 烹饪。最日常的用途,也是原始的用途。
• 冥想和正念。像Insight Timer这样的应用以倒计时铃声为其用户体验的核心。
• 事件倒计时。「婚礼还有47天」、「生日还有12天」、「巡演还有8小时开始」。本页的可分享链接功能正是为这种用途而设计的。
• 游戏节目和直播。Jeopardy!的Final Jeopardy思考音乐是30秒倒计时。时代广场的新年前夜是地球上观看人数最多的倒计时活动。

无障碍考虑

只触发可听铃声的倒计时对失聪用户毫无用处。只触发视觉闪烁的倒计时对失明用户毫无用处。打磨的模式是提供所有三种通道(可见的剩余时间、可选的音频,以及一个aria-live区域通告),让用户决定关注哪一种。本页面公开了一个屏幕阅读器实时区域,用于通报有意义的里程碑(剩余10分钟、1分钟、30秒、「时间到」),而不是每秒都通报,后者会是听觉噩梦。大的tick数字符合WCAG AA对比度,设计也尊重prefers-reduced-motion对任何非必要动画的设置。

更多问题

如果我关闭标签页,计时器还会继续计时吗?

会的,前提是您事先复制了分享链接,或者保持同一个浏览器标签页打开。倒计时锚定的是绝对的挂钟目标而不是持续时间,因此重新打开分享链接会正确地重新计算剩余时间,即使过了几个小时或几天。如果您关闭标签页时未保存链接,计时器状态将丢失,您需要重新设置目标。

为什么计时器到零时页面不发出哔声?

音频输出在默认情况下故意静音,以避免吓到用户。现代浏览器还会阻止任何与最近用户手势无关的音频播放(Chrome的自动播放策略使用按域名记录的Media Engagement Index;iOS上的Safari更严格,历来要求任何声音都需要用户手势)。视觉上的「时间到!」指示和屏幕阅读器通告共同覆盖视觉用户和使用辅助技术的用户。

分享链接时使用的是接收方还是发送方的时区?

分享的链接将目标编码为时间上的绝对瞬间,因此当接收方打开它时,他们的浏览器会以本地时间方式解释同一瞬间。伦敦时间下午3点的婚礼会在洛杉矶的客人那里显示为上午7点,在新加坡显示为晚上11点:每位查看者看到的都是适合他们的正确时间,但他们都在倒计时同一个瞬间。

如果我在倒计时期间更改了系统时钟会怎样?

显示会出现「跳跃」,因为倒计时是相对挂钟测量的:调整挂钟必然调整剩余时间。这是正确的行为,因为目标本身是一个挂钟概念,而不是一个经过时间的秒表。NTP同步的设备通常只调整几毫秒,这是不可见的。

有任何东西被发送到服务器吗?

没有。倒计时从您的本地机器读取当前时间,在您的浏览器中计算剩余时长,并每秒更新显示。可分享的链接将目标编码在URL本身中,而不是通过服务器。页面一旦加载即可离线工作。

相关工具