Visual Pomodoro

Pick work/break times. Start. It will auto‑cycle and ping between phases. Accurate timing, no drift.

Ready

00:00

Cycles: 0

Work (min)

Break (min)

25/5 50/10 52/17 Test 1:10

Auto‑start next phase Sounds on Subtle tick Mini‑mode

Tip: Use space to start/pause, s to skip, r to reset. Click “Sound test” once so the browser allows audio.

Why this stays accurate

It uses timestamps + requestAnimationFrame to compute remaining time each frame (not a drifting interval). The display is clamped to avoid showing negative values like -1:59 on phase switches.

Manual test cases

Change Work to 15 → big clock shows 15:00 before starting.
Press Space anywhere → timer starts; press again → pauses.
Click Skip during Work → switches to Break and plays a different chime.
Enable Subtle tick → faint 1Hz tick while running.
Toggle Mini‑mode → floating mini timer shows and mirrors main time.
Refresh page → your selections persist (localStorage).