✅
番茄钟与习惯打卡器H5移动端功能演示
工具办公 · 上传者 驰旭教育 · 更新于 2026-07-17
移动端网页
会员专享 H5移动端番茄钟习惯打卡
7浏览
0下载
0点赞
2026-07-17更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 今日专注：进行中番茄回合、今日专注时长、今日习惯打卡概览
- 番茄计时：开始/暂停、专注/短休/长休切换、回合数显示、实时圆环进度
- 习惯列表：习惯打卡、连续天数、彩色图标网格、今日完成统计
- 习惯详情：近 30 天打卡日历、连续记录、打卡备注
- 专注统计：今日/本周专注、连续天数、完成番茄数、近 7 日趋势与分布
- 目标设定：周/月番茄与专注时长目标进度条、习惯养成目标
- 白噪音：雨声/海浪/森林等专注背景音选择、播放控制与音量
- 打卡日历：月度打卡热力图、全勤/部分/缺卡分级
- 设置：番茄时长、提醒与勿扰开关、主题与同步
- 9 个独立 HTML 文件（今日专注/计时/习惯/习惯详情/统计/目标/白噪音/日历/设置）+ 共享 style.css，底部导航切换
- 截图 9 张，覆盖全部功能页
界面预览
源码结构
index.html
timer.html
habits.html
habit_detail.html
stats.html
goals.html
sound.html
calendar.html
settings.html
style.css
详细说明
番茄钟与习惯打卡器 H5，每个功能独立 HTML 文件，含今日专注、番茄计时、习惯列表/详情、专注统计、目标设定、白噪音、打卡日历、设置，全部中文，页面数据均为测试模拟数据，仅供演示。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～