在线计时器：如何计时事件和记录圈数

计时器、秒表和定时器：有什么区别？

这三种时间测量工具用途相关但各有侧重：

• Chronometer（计时器）：一种精密计时仪器。从起点开始高精度测量经过时间。历史上指用于天文导航的航海计时器。
• Stopwatch（秒表）：记录经过时间，可暂停和继续，通常包含计圈功能。
• Timer（定时器）：从设定时间倒计时到零，通常带有闹铃。用于任务时间限制。

我们的计时器作为高精度秒表，具备计圈记录功能。

计算机计时原理

Performance API

现代浏览器提供 Performance.now() API 用于高分辨率计时：

const start = performance.now();
// ... 测量操作 ...
const elapsed = performance.now() - start;
// elapsed 以毫秒为单位，具有亚毫秒精度

与 Date.now()（毫秒精度，受系统时钟变化影响）不同，performance.now() 是一个单调时钟，具有微秒级分辨率，非常适合秒表应用。

JavaScript 事件循环限制

JavaScript 在单线程事件循环中运行。视觉更新通过 requestAnimationFrame 以 60fps（约 16.7ms 间隔）进行。为了平滑准确的显示，计时器每帧更新视觉，同时使用高分辨率时间戳跟踪时间。

圈时和分段时间

大多数专业秒表支持两种计时模式：

圈时模式

记录每个独立分段的时间：

• 圈 1: 0:45.32
• 圈 2: 0:47.18（仅此圈）
• 圈 3: 0:44.95（仅此圈）

用于田径运动，跟踪重复动作的节奏一致性。

分段时间模式

记录每个检查点的累计时间：

• 分段 1: 0:45.32
• 分段 2: 1:32.50（检查点 2 的总经过时间）
• 分段 3: 2:17.45（检查点 3 的总经过时间）

用于比赛，跟踪相对于目标的整体配速。

实际应用

体育训练

• 间歇训练：精确计时工作和休息时段
• 配速跟踪：测量圈时以确保配速一致
• 个人记录：准确捕捉时间以便比较

生产力与时间管理

• 番茄工作法：25 分钟专注工作间隔
• 时间审计：测量特定任务实际花费的时间
• 会议时间盒：将讨论控制在约定时长内

开发与测试

• 手动性能基准测试
• 跟踪代码审查或测试会话的时间
• 测量用户工作流完成时间

烹饪与科学

• 计时化学反应或烹饪过程
• 测量实验中事件之间的间隔

时间显示格式

计时器通常以 HH:MM:SS.ms 格式显示：

• 小时：适用于长跑或耐力赛事
• 分钟：大多数应用的主要单位
• 秒：核心精度单位
• 毫秒：对田径和精确测量很重要

对于亚秒级运动（游泳、短跑），百分之一或千分之一秒决定比赛结果。

使用计时器工具

我们的工具提供：

1. 开始/停止 — 一键开始和暂停计时
2. 记录圈时 — 在不停止的情况下记录圈时或分段时间
3. 重置 — 清除所有测量并归零
4. 圈时表格 — 查看所有记录的圈时，包括单圈和累计时间
5. 导出 — 将圈时数据复制为文本以便分析
6. 键盘快捷键 — 空格键开始/停止，L 键记录圈时，R 键重置

即使浏览器标签页在后台，计时器也能保持精度，使用 performance.now() 进行可靠计时，不受显示刷新率影响。