小工具 · 跟做练习
初中 · 13–15 岁可以独立完成家庭场景
做一个陪你专注的计时器
从一分钟倒计时开始，做出适合你节奏的学习或休息提醒。
- 看到第一个变化
- 15 分钟内
- 做出完整版本
- 120 分钟内
- 运行方式
- 下载 simple-timer 目录后直接打开 index.html
- 使用的积木
- HTML / CSS / JavaScript / Timer API
FIRST VISIBLE CHANGE
先做这一件事
把默认时长改成一分钟，启动并确认倒计时能够结束。
CREATOR LOOP / 创造者六环
前五环长能力，最后一环长身份。
- 数学
- 信息科技
- 身心与成长
- 01问题
观察自己在哪类任务中容易分心，提出一个想用计时器验证的节奏假设。
- 02知识
理解分钟、秒、状态转换和重复计时，学习用一次真实记录判断设计是否有效。
- 03工具
实现开始、暂停、重置和结束反馈，并调整成适合自己的专注与休息时长。
- 04作品
完成一个能够稳定运行、明确显示状态并支持真实学习任务的个人计时器。
- 05反馈
连续使用一个周期，记录哪里被打断、提示是否有效，再修改默认时长。
- 06身份
能够说明自己如何观察和调整学习节奏，而不是照搬别人或 AI 推荐的时间。
你必须亲自做
- 根据亲身体验决定专注与休息时长
- 判断提示语是否尊重自己的节奏并记录真实体验
AI 可以帮助
- 解释计时状态和 setInterval 重复启动风险
- 协助实现按钮保护、归零和结束反馈
完成前要验证
- 用真实任务完成一次周期，并亲自检查暂停、恢复和重置是否准确
三段路径 · 自动保存在本机
从第一个变化，到你的版本
0/ 3 步
0115 分钟
- 设为一分钟
- 启动倒计时
- 观察结束状态
做完的标志：计时器准确归零并停止。
0245 分钟
- 检查三个按钮
- 避免重复启动
- 显示当前状态
做完的标志：反复操作不会让时间跳动异常。
032 小时
- 设定专注和休息时长
- 写结束提示
- 真实使用一个周期
做完的标志：你完成一次真实任务并记录体验。
AI 协作提示词
让 AI 带路，不让它抢走决定
我想把 simple-timer 改成个人专注计时器。请先画出开始、暂停、重置三个状态之间的关系，并解释 setInterval 为什么可能重复。然后一次实现一个状态保护，我会亲自决定时长和结束提示。