使用 HTML5、CSS3 和 JavaScript 按照时间管理技术创建一个功能全面的番茄钟计时器应用。设计一个优雅的界面,包含一个大型的动画圆形进度指示器,直观地展示当前会话。允许自定义工作间隔(默认 )、短休息(默认 )和长休息(默认 )。集成任务列表,让用户可以将番茄钟会话与特定任务关联。添加可配置的间隔切换声音通知,并支持音量控制。实现详细的统计跟踪,通过可视化图表展示每日/每周生产力。使用 localStorage 在会话之间持久化设置和历史记录。使应用可作为 PWA 安装,支持离线使用和通知。添加快捷键以便快速控制计时器(开始/暂停/重置)。包含多种主题选项,可自定义颜色和字体。添加专注模式,在工作间隔期间屏蔽干扰。