Stopwatch
About This Tool
The stopwatch is one of humanity's most essential timekeeping instruments, with roots stretching back over two centuries. The first true stopwatch is widely attributed to the French horologist Nicolas Rieussec, who in 1821 invented a device that dropped ink onto a dial to mark elapsed time — originally used for timing horse races ordered by King Louis XVIII. This "chronograph" (literally "time writer") laid the groundwork for all precision timing instruments that followed. Throughout the 19th century, Swiss and German watchmakers refined the chronograph mechanism, adding split-second (rattrapante) hands that could track multiple events simultaneously. By the early 1900s, mechanical stopwatches achieved 1/5-second precision and became standard equipment for athletic competitions. The 1932 Los Angeles Olympics marked a turning point when official hand-timing was supplemented by early automatic devices. The electronic revolution of the 1960s and 1970s transformed timekeeping entirely. Quartz crystal oscillators replaced mechanical escapements, enabling affordable devices with 1/100-second accuracy. Digital displays replaced analog dials, and by the 1980s, inexpensive digital stopwatches were available to everyone from professional coaches to school physical education teachers. This online stopwatch continues that tradition of accessible precision timing. Built on the performance.now() API and requestAnimationFrame, it delivers sub-millisecond resolution using your browser's high-resolution timer. The Web Audio API (W3C) provides audible lap cues, while lap recording tracks split times and best/worst laps automatically. All processing happens locally in your browser — no account, no downloads, no data sent to any server.
The Art of Precision Timing
Chronometry — the science of accurate time measurement — has been a driving force behind some of the most important technological advances in human history. From ancient sundials and water clocks to the quartz oscillators and atomic clocks of today, the pursuit of ever-finer time resolution has shaped navigation, science, and sport alike. In the world of athletics, the Olympic Games have served as a showcase for timing innovation. At the 1912 Stockholm Olympics, electronic timing was used unofficially for the first time, though hand-timing with 1/5-second precision remained the standard. The 1932 Los Angeles Games introduced the Kirby two-eyed camera for photo finishes, ending many disputed results. By 1964 in Tokyo, Seiko provided fully electronic timing accurate to 1/100 of a second, and the 1972 Munich Games saw the debut of timing to 1/1000 of a second — a precision standard still used in swimming and track events today. The photo finish camera evolved in parallel. Modern systems capture thousands of narrow image slices per second, compositing them into a single continuous image that reveals the exact order of finishers down to thousandths of a second. Paired with touchpads in swimming pools and pressure sensors on starting blocks, these systems have virtually eliminated human judgment from official results. Beyond sport, atomic clocks based on cesium-133 oscillations now define the SI second with an uncertainty of about one second in 300 million years. GPS satellites carry onboard atomic clocks whose signals allow your smartphone to synchronize to within nanoseconds of Coordinated Universal Time (UTC). This same infrastructure underpins financial trading timestamps, telecommunications synchronization, and scientific experiments worldwide. While a browser-based stopwatch cannot match the precision of laboratory equipment, the performance.now() API used here draws on the same quartz crystal technology that resides in every modern computer, delivering timing accuracy more than sufficient for sports training, cooking, experiments, and everyday productivity.
How to Use
- Click Start to begin timing. The stopwatch shows elapsed time in hours, minutes, seconds, and milliseconds.
- Use Lap to record split times while the stopwatch continues running. Each lap shows interval and cumulative time.
- Click Stop to pause timing, then Reset to clear. Review lap times in the list below the display.
Methodology
This stopwatch relies on JavaScript's performance.now() method, which provides timestamps with sub-millisecond precision derived from a monotonic clock that is unaffected by system clock adjustments. Unlike Date.now(), which can drift when the operating system synchronizes its clock, performance.now() guarantees a steady, ever-increasing time reference ideal for elapsed-time measurements. The display refreshes via requestAnimationFrame, synchronizing updates with the browser's rendering pipeline at roughly 60 fps. This approach avoids the pitfalls of setInterval, which can be throttled when a tab is backgrounded. Elapsed time is computed by subtracting the stored start timestamp from the current performance.now() value at each frame, ensuring accumulated rounding errors cannot occur. Lap timing uses a straightforward algorithm: when the user presses the lap button, the current cumulative time is recorded. The individual lap duration is then the difference between the latest cumulative reading and the previous one. Best and worst laps are tracked by comparing each new lap duration against the running minimum and maximum. All timestamps are captured at the moment of the user interaction event, minimizing the delay between button press and recorded time to a few microseconds on modern hardware.
Understanding Your Results
The stopwatch displays two key metrics for each lap. Cumulative time (also called split time) is the total elapsed time from the moment you pressed Start. Lap time is the duration of each individual segment — the interval between consecutive presses of the Lap button, or between Start and the first lap. Comparing lap times reveals pacing patterns. Consistent lap times indicate even pacing, while increasing lap durations may signal fatigue. The best and worst lap indicators help you quickly spot your strongest and weakest segments. A large gap between them suggests inconsistent effort that could be improved with better pacing strategy. For maximum accuracy, keep the browser tab active and in the foreground. Modern browsers throttle background tabs to save resources, which can delay the display update — though the underlying timestamp remains accurate when you return. Avoid running CPU-intensive tasks alongside the stopwatch for the most reliable visual updates. For events where every millisecond counts, use the keyboard shortcuts (Space to start/stop, L for lap) to minimize the reaction-time delay inherent in reaching for and clicking a button.
Practical Examples
Sports training: Time running laps around a track, recording each lap to monitor pacing and detect fatigue. Compare lap-to-lap splits after a workout to see where you slowed down or sped up. Cooking: Use laps to time each stage of a recipe — searing, simmering, resting. You get a precise log of how long each step took, which is invaluable when fine-tuning recipes. Lab experiments: Record the duration of chemical reactions, titration stages, or sample processing steps. Export the data afterward for inclusion in lab reports. Productivity tracking: Time focused work sessions using laps to mark task transitions. Reviewing the lap breakdown reveals how long tasks actually take versus your estimates, helping you plan more accurately over time.
Tips & Best Practices
Use keyboard shortcuts for the fastest response time. Pressing Space to start/stop and L for a lap is significantly quicker than clicking buttons, especially during physical activity when fine motor control is reduced. For multi-stage tasks like cooking or lab work, plan your laps in advance. Each lap press marks the end of one stage and the beginning of the next, giving you a clear breakdown of how long each step actually took versus how long you expected. If you are timing multiple people or events, consider opening separate browser tabs — each tab runs its own independent stopwatch. You can also use the share/export feature after each session to save your lap data as text, then paste it into a spreadsheet for later comparison and analysis.
All calculations are performed locally in your browser. No data is sent to any server.