Timer
Set a countdown timer for any duration. Get an audio and visual alert when time runs out.
About Timer
This online countdown timer lets you set any duration in hours, minutes, and seconds. It displays a visual progress ring that shrinks as time counts down, turns red when under 10 seconds, and plays an audio alert when it reaches zero. Quick-select preset buttons let you start common durations with one click.
Features
- Visual progress ring - Circular countdown visualization that fills as time runs out.
- Urgent mode - Display turns red and pulses when under 10 seconds.
- Audio alert - Plays a beep using the Web Audio API when the timer ends.
- Presets - One-click presets for 1, 3, 5, 10, 15, 30 minutes and 1 hour.
- Pause & resume - Pause mid-countdown and continue where you left off.
- Keyboard shortcuts - Space to start/pause, R to reset.
How to Use
- Set the countdown duration using the Quick Presets (1, 5, 10, 15, 30, 60 min) or enter a custom time.
- Click Start to begin the countdown.
- Click Pause to pause and Resume to continue.
- Click Reset to return to the set duration.
- An audio alert sounds when the timer reaches zero.
How It Works
The timer uses setInterval for display updates and performance.now() for accurate countdown calculation. The visual progress ring shrinks in proportion to the remaining time. The audio alert uses the Web Audio API to generate a tone in your browser.
Example
Set a 25-minute focus session (Pomodoro): click the 25 min preset, start, and work uninterrupted. When the alert sounds, take a 5-minute break using the 5 min preset.