What Is This Stopwatch?

This is a beautiful, browser-based stopwatch and countdown timer built around millisecond-precise timing and a polished interface. Whether you're timing a workout, cooking a recipe, running a Pomodoro session, or recording lap splits — this tool stays out of your way and looks great while doing it.

Stopwatch Mode

Counts up from zero with unlimited lap recording. Track splits, deltas, and cumulative totals in real time.

Timer Mode

Counts down from any duration and alerts you with sound, vibration, and a browser notification — even if you've switched tabs.

Designed for the Eyes

Pick from 8 carefully crafted themes — Aurora (default), Ocean, Neon, Retro LCD, Classic, Sakura, Pastel, and Sunset — and pair any of them with one of 5 dial styles: Ring, Halo, Bar, Flip, and LCD. Switch into fullscreen mode to turn the dial into a centerpiece display, perfect for class projectors, cooking stations, or just enjoying the view.

Who Should Use This Tool?

Athletes & Fitness

Track workout intervals, rest periods, and lap splits with best / average / total stats.

Coaches & Trainers

Record split times for performance analysis and athlete progress tracking.

Students

Time study sessions, exam practice, and Pomodoro intervals with ease.

Cooks & Bakers

Set countdowns with browser notifications so you never miss the buzzer.

Speedrunners & Gamers

Millisecond precision with a clean fullscreen face for competitive timing.

Presenters & Hosts

A big, legible dial that reads clearly from across the room.

Your Data Stays Private

Everything runs entirely in your browser — no accounts, no uploads, no tracking.

No server connection — All timing happens locally on your device
No data collection — Your lap times and settings are never uploaded
Works offline — Once loaded, the stopwatch keeps running without internet
Local storage only — Your theme, dial style, mode, sound, and lap data are saved in your browser for next time

Table of Contents

1. What Is This Stopwatch?
2. How to Use the Stopwatch
3. Features
4. Frequently Asked Questions

How to Use the Stopwatch

Stopwatch Mode (Count Up)

The default mode counts up from zero — perfect for timing activities and recording lap splits:

Start Timing

Click the Start button or press Space to begin counting up from zero.

Record Laps

While running, click Lap or press L to record a split. Each lap shows its split time, cumulative total, and a +/- delta versus the previous lap.

Pause & Resume

Click the hero button again or press Space to pause. Press once more to resume from the same point.

Reset

Click Reset or press R to clear the time and all recorded laps.

Lap Stats: With three or more laps recorded, the fastest is highlighted in green and the slowest in red. The stats footer shows your Best Lap, Average Lap, and Total Time at a glance.

Timer Mode (Countdown)

Switch to Timer mode for countdown timing with rich alerts:

Switch Mode

Click the Timer tab at the top, or press T while stopped.

Set Duration

Type into the hours / minutes / seconds fields, or click a preset: 1m, 3m, 5m, 10m, 15m, 30m.

Start Countdown

Click Start or press Space to begin the countdown.

Get Alerted

At zero, the alarm plays, the device vibrates (mobile), and a browser notification appears if you've enabled it.

Interval Training Tip: Toggle Auto Reset in the sidebar to make the timer restart automatically — handy for interval training or repeated cycles.

Personalize the Look

Open the sidebar (or the menu drawer on mobile) to customize your experience:

Theme

8 palettes ranging from soft (Sakura, Pastel) to vivid (Aurora, Neon, Ocean) to nostalgic (Retro LCD).

Dial Style

Ring (with tick marks), Halo (smooth glow), Bar (linear progress), Flip (vintage flip-card numerals), LCD (retro digital screen).

Statistics

Show or hide the Best / Average / Total footer to keep the interface as clean as you like.

Controls

Hide the on-screen controls if you prefer to use keyboard shortcuts exclusively (desktop only).

Fullscreen Mode

Click the expand icon in the header or press F to take the dial fullscreen. Sidebars and tabs hide so the dial owns the entire screen — ideal for projectors, kitchens, or any across-the-room use case.

Keyboard Shortcuts

Key	Action	Mode
`Space`	Start or pause	Both
`L`	Record a lap	Stopwatch only
`R`	Reset	Both
`T`	Toggle between Stopwatch and Timer	When stopped only
`F`	Toggle fullscreen	Both

Note: Shortcuts are automatically suppressed when you're typing in the timer input fields, so you can type numbers without accidentally triggering controls.

Stay Aware in the Background

Live tab title — The browser tab updates every second with the current time, so you can monitor it from another tab
Browser notification — When the timer ends and this tab is in the background, a notification pings you to come back. Click it to refocus the tab
Vibration — Mobile devices vibrate when the timer ends
Screen wake lock — While the stopwatch or timer is running, the screen won't dim or sleep on supported devices

Features

Precise Timing

Time is displayed in HH:MM:SS.ms format with centisecond (1/100 second) resolution. The stopwatch uses the browser's high-resolution performance.now() API for visual updates, with a setTimeout fallback that fires the alarm reliably even when the tab is in the background and animation frames are paused.

Lap Recording with Stats

Stopwatch mode supports unlimited laps. Each entry shows the split time and cumulative total, plus a +/- delta against the previous lap. With three or more laps, the fastest is highlighted in green and the slowest in red. A stats footer surfaces your Best Lap, Average Lap, and Total Time live as you record.

8 Beautiful Themes

Pick the palette that matches your mood or environment:

Aurora Default

Emerald-to-purple gradients on a deep slate canvas.

Ocean

Cyan glow over deep navy.

Neon

Magenta and cyan on near-black.

Retro LCD

Classic green-on-black digital display with scanlines.

Classic

Crisp light theme with cyan accents.

Sakura

Minimalist white with soft pink details.

Pastel

Lilac, pink, and mint gradient.

Sunset

Warm amber, orange, and rose tones.

Dark Mode: Picking a dark-tinted theme automatically engages the page's dark mode so the chrome stays visually consistent.

5 Dial Styles

Independently of the theme, choose how the dial visualizes progress:

Ring Default

A circular dial with tick marks for precise visual reference.

Halo

A smooth glowing ring with no ticks for a minimal look.

Bar

Linear progress bar with the time stack displayed below.

Flip

Vintage flip-card numerals with no progress visualization.

LCD

Retro digital screen with bezel and scanline overlay.

Countdown Timer with Presets

Quick-start the timer with built-in presets — 1m, 3m, 5m, 10m, 15m, 30m — or enter any custom hours / minutes / seconds combination. Toggle Auto Reset to loop the countdown for interval training. Time validation caps minutes and seconds at 59 and hours at 99.

Background-Aware Alerts

You won't miss the buzzer — even when you've switched tabs or apps:

Sound alarm — A pulsing tone plays through the Web Audio API
Browser notification — Optional, default on. Surfaces only when the tab is in the background; click to refocus the page. Permission is requested lazily on the first start so users aren't prompted on page load
Vibration — Mobile devices buzz with a recognizable pattern
Live tab title — The browser tab updates every second with the current time, so the countdown remains visible from any tab

Screen Wake Lock

While a stopwatch or timer is running, the screen is kept awake using the Wake Lock API on supported browsers. The lock is automatically re-acquired when you return to the tab from another app — useful for gym, cooking, and presentation scenarios where you can't keep tapping the screen.

Fullscreen Mode

A dedicated fullscreen button and the F shortcut drop the chrome and center the dial on a full-bleed canvas. Themes paint the entire fullscreen background so the result feels like a native app.

Mobile-First Responsive UI

On phones, the left sidebar collapses into a slide-in drawer (open via the hamburger icon; close via the brand-area X or by tapping the dimmed overlay). The laps panel stacks neatly below the dial, and shortcut hints disappear on mobile — keeping the layout clean and tap-friendly.

Auto-Save Preferences

Your preferences are persisted to the browser's local storage so everything is exactly as you left it:

Current mode (Stopwatch or Timer)
Theme and dial style
Last used timer duration
Sound, Auto Reset, and Browser notification toggles
Statistics / Controls visibility and laps panel collapsed state

Session-Only Data: Lap entries and the running clock are intentionally session-only so the recorded data always matches the current timing session.

Frequently Asked Questions

How accurate is this stopwatch?

The stopwatch uses the browser's high-resolution performance.now() timer for visual updates, which is accurate to centiseconds (1/100 of a second). For sports timing, cooking, study sessions, and similar use cases, this is well beyond what's required.

Will the timer still go off if I switch to another tab?

Yes. While background tabs throttle requestAnimationFrame, the alarm is scheduled with a separate setTimeout backup that fires at the right moment regardless of focus. If you've enabled Browser notification (default on, in the Timer-mode sidebar), you'll also get a system notification — click it to refocus this tab.

Why am I asked for notification permission?

Browser notifications are requested only the first time you start a timer with the Browser notification toggle on. Granting permission allows the buzzer to reach you when this tab isn't in focus. You can disable the toggle at any time and the rest of the app keeps working normally.

Does it keep my screen from sleeping?

On supported browsers (most desktop and mobile Chromium / Safari builds), the screen wake lock activates whenever the stopwatch or timer is running and is automatically re-acquired when you return to the tab. Older browsers ignore the request and the timer still works as usual — just make sure the screen stays on by other means.

Can I use the stopwatch offline?

Yes. Once the page has loaded, all timing logic runs locally. No network calls happen during use.

Are my settings saved when I close the browser?

Yes. Theme, dial style, mode, timer duration, sound, auto-reset, and notification preferences are persisted in your browser's local storage. Lap entries and the running clock are intentionally not persisted — restoring laps without restoring the timer state would produce mismatched splits.

What's the maximum time the stopwatch can track?

Up to 99 hours, 59 minutes, and 59 seconds. The dial visually loops once per minute in stopwatch mode, but the elapsed total keeps climbing.

Can I record laps in Timer (countdown) mode?

No — laps only apply to count-up timing. The Lap button and its sidebar option are hidden automatically when you switch to Timer mode.

Why doesn't the alarm sound play?

Modern browsers require a prior user interaction before audio plays. As long as you've clicked anything on the page (including Start), the alarm will work. Also check the Sound toggle in the sidebar and your device volume.

Can I use keyboard shortcuts while typing in the timer input?

No — shortcuts are suppressed while a text input is focused, so you can type "5" without accidentally resetting the timer.

What does Auto Reset do?

When enabled (Timer mode only), the countdown automatically restarts from the beginning after reaching zero, without showing the completion modal. Great for interval training, breath work, or repeated cycles.

Can I make the dial bigger?

Yes — press F or click the fullscreen button in the header. The dial expands to fill the screen, sidebars hide, and the theme paints the whole canvas. Press F or Esc to exit fullscreen.

What's the difference between themes and dial styles?

Themes change the colors (palette, surfaces, accents). Dial styles change the shape of the progress visualization (ring, halo, linear bar, flip cards, or LCD screen). They're fully independent — mix any of the 8 themes with any of the 5 styles.

I don't see the sidebar on my phone — where are the settings?

Tap the menu icon (☰) in the top-left of the header to open the sidebar drawer. Tap the X in the brand area, or anywhere on the dimmed area outside the drawer, to close it.

Why is the "Controls" toggle missing on my phone?

Mobile devices don't have keyboard shortcuts, so hiding the on-screen controls would leave you with no way to operate the app. The Controls toggle is therefore desktop-only.