Online Timer | Countdown with Presets

Set a time, press Start — no app install, no account needed. Eight presets cover common durations (Tea at 3 min, Egg at 7, Focus at 25, Nap at 20). The custom H:M:S input handles anything from 1 second to 99 hours.

The SVG progress ring uses stroke-dashoffset, hardware-accelerated by the GPU. The animation stays smooth even on older laptops with heavy tabs open. The tab title shows remaining time so you can glance at your taskbar without switching windows.

Nudge buttons let you add or subtract 1, 5, or 10 minutes mid-countdown without resetting. Auto-repeat loops the same duration automatically for interval training. A Web Notification fires even when the window is minimized.

Why This Timer Stays Accurate in Background Tabs

A naive countdown trusts setInterval fires exactly on time. It doesn't. Under CPU load, browsers can delay callbacks by hundreds of milliseconds. Over 25 minutes, that's 10–30 seconds of drift.

This timer uses drift correction: on every tick it reads performance.now() and subtracts from the start time to get true elapsed time. The display shows real wall-clock elapsed, not interval count. It stays within one second of the real clock for any practical duration.

Desktop browsers — Chrome, Firefox, Edge, Safari on macOS — maintain background timers reliably. iOS Safari throttles background JavaScript aggressively. On mobile, keep the tab visible or enable Sound so the alert fires when the countdown reaches zero.

The SVG Ring: Why It's Smooth

The ring is a single SVG circle with stroke-dasharray (total circumference, fixed at ~339 px) and stroke-dashoffset (how much is hidden). As the countdown runs, stroke-dashoffset decreases from full circumference to zero.

The browser's compositor handles the visual update independently of JavaScript. No canvas, no DOM reflow, no jank — the ring stays smooth even when other scripts are running.

Online Timer vs Phone Timer vs Smart Speaker

Phone timers and smart speakers work for one kitchen countdown. They can't show a visual ring on your laptop, can't have workflow-tuned presets, and can't run two timers in parallel tabs.

The one real advantage of a phone timer: it keeps running if you close the browser. For very long timers where you'll shut the laptop, use the phone. For anything under an hour at your desk, the browser wins on visibility.

Keyboard Shortcuts

Enter starts or resumes. P pauses. R resets. Number keys 1–8 select presets. These shortcuts let you run the timer without touching the mouse — useful when your hands are busy cooking, exercising, or typing during a presentation.

Timed Work Blocks: Why They Work

A 2018 paper in Cognition (Ariga & Lleras) showed brief mental diversions during a long task dramatically improve sustained focus by preventing attentional habituation. A countdown timer enforces those diversions without needing willpower.

The Focus preset (25 min) matches the Pomodoro Technique's evidence-backed default. The Workout preset (60 min) suits longer flow-state work where frequent interruptions would be counterproductive.