番茄钟 + 白噪音

25 分钟专注、5 分钟休息，配一点背景音。

👉 打开番茄钟 →

基本用法

1. 选好专注时长（15 / 25 / 45 / 60 分钟）
2. 点「▶ 开始」
3. 时间到会有提示音，自动切到休息
4. 每完成 4 个番茄（可改）就来一次长休息

空格 键 = 开始 / 暂停。

专注结束不会自动开始休息，让你自己决定什么时候回来。

可以调的

项目	选项
专注时长	15 / 25 / 45 / 60 分钟
短休息	3 / 5 / 10 分钟
长休息	10 / 15 / 20 分钟
长休息间隔	每 3 / 4 / 5 个番茄

今日战绩

页面上会显示：

• 今天完成了几个番茄（一串 🍅）
• 累计专注了多少分钟
• 可以填一句「正在做的事」，每完成一个番茄就记一次

记录在 localStorage 里，按日期分开存，同一天同一个浏览器才看得到，换设备不会同步。

五种背景音

音效	怎么合成的
⚪ 白噪音	均匀随机的噪音，过一层低通让它不那么刺耳
🌧 雨声	粉红噪音过高通 + 低通，听感最接近下雨
🌬 风声	粉红噪音过低通，用一个 0.08Hz 的慢振荡器来回扫频率
🟤 低沉嗡鸣	布朗噪音（把白噪音积分一下），低频很厚
🌊 海浪	粉红噪音 + 0.11Hz 的音量起伏，像一波一波推上来

全部实时合成，没有任何音频文件，所以这个页面体积很小。

切换音效时会淡入淡出，不会「啪」一声。

为什么后台不会走偏

计时用的是目标时间戳（结束时刻 = 开始时刻 + 剩余），每 250 毫秒拿当前时间去减， 而不是每次 setInterval 就减一秒。切到别的标签页、电脑休眠一会儿再回来，时间都是准的。

小贴士

• 页面最小化也能看到剩余时间，标题栏会显示
• 一个番茄里就做一件事，想到别的事先写在旁边，别中断
• 休息时真的站起来走走，别刷手机，不然休息完更累
• 浏览器规定必须先有用户操作才能出声，所以点一下「开始」之后才有提示音