在线秒表

在线秒表是一种从零开始向上计时的精密计时工具，通常支持毫秒级精度。与倒计时器不同，秒表回答的是「这件事花了多长时间？」，非常适合运动训练、实验记录、演讲排练、烹饪计时、集中编程等需要追踪耗时的场景。本工具完全在浏览器中运行，使用 requestAnimationFrame 实现流畅显示更新，使用 performance.now() 进行单调时间测量，即使系统时间被调整也能保持精确。计次功能可以记录分段成绩并高亮最快/最慢圈，所有数据仅保存在本地，不会上传。

秒表引擎完全避免了容易漂移的 setInterval 模式。它使用 requestAnimationFrame（rAF）驱动显示更新，以 performance.now() 作为权威时间源。用户点击「开始」时，引擎记录当前 performance.now() 时间戳作为 startTime。在每一帧动画中，计算 elapsed = accumulated + (performance.now() - startTime)，其中 accumulated 保存了最近一次暂停前的累计时间。这种双变量模型（累计时间 + 运行时增量）能够正确处理暂停/恢复循环，不会丢失亚毫秒级精度。 选择 performance.now() 而非 Date.now() 是因为它是单调递增的——不会因 NTP 校正、手动调整时钟或夏令时切换而跳变。它还能提供亚毫秒级分辨率（现代浏览器中通常为 5 微秒粒度），使其成为短时间、高精度计时的正确选择。rAF 回调被限制在显示器刷新率（通常 60 Hz ≈ 16.67 ms，高刷新率屏幕可达 120 Hz），因此视觉更新流畅但并非时间基准——实际经过时间来自 performance.now() 计算，始终保持正确。 计次功能在点击「计次」按钮时捕获当前 elapsedMs，通过与前一圈的总时间相减计算分段差值。最快和最慢圈通过 Math.min/Math.max 比较所有圈差值得出，分别用绿色和红色高亮显示。所有状态保存在 React 的 useState 钩子中，位于客户端组件内，不进行持久化或传输——秒表本身是临时的，关闭页面或点击「重置」按钮后完全清除。

• performance.now() 提供单调递增的亚毫秒级时间戳，不受系统时钟变化影响。
• requestAnimationFrame 以显示器刷新率（60–120 Hz）驱动显示更新，呈现流畅。
• 累计时间 + 运行时增量模型处理暂停/恢复，不损失精度。
• 计次差值通过 currentTotal - previousTotal 计算，实现精确分段计时。
• 所有计算在浏览器本地完成，无服务器通信或数据上传。