一个简洁优雅的番茄工作法计时器,纯 HTML/CSS/JS 实现,无需任何依赖。
- 番茄工作法:25 分钟专注工作 + 5 分钟短休息
- 长休息:每完成 4 个番茄自动进入 15 分钟长休息
- 圆环进度条:SVG 圆环实时显示剩余时间
- 浏览器通知:番茄完成或休息结束时弹出桌面通知
- 提示音:Web Audio API 合成的完成/滴答音效
- 键盘快捷键:
空格— 开始/暂停R— 重置计时器→— 跳过当前阶段
- 状态持久化:刷新页面后恢复番茄计数(24 小时内)
- 响应式设计:适配桌面和移动端
直接用浏览器打开 index.html 即可使用。
打开后可以看到一个带圆环进度条的番茄钟界面。
MIT