Gratis Online stopwatch

Hoe het werkt

Deze stopwatch draait volledig in de browser met de ingebouwde performance.now()-API — een monotone timer met hoge resolutie — aangestuurd door een requestAnimationFrame-lus die de weergave elk animatieframe opnieuw tekent (meestal 60 keer per seconde). Er komt op geen enkel moment een server aan te pas.

1. 1
   performance.now() meet de tijd

   Als je op Start drukt, legt de tool een referentiepunt vast met performance.now(). Elk animatieframe trekt de weergave die referentie af van de huidige waarde van performance.now() om de verstreken milliseconden te berekenen — zonder de klokafwijking die bij herhaalde setInterval-aanroepen optreedt.
2. 2
   requestAnimationFrame stuurt de weergave aan

   In plaats van een timer met een vast interval wordt de cijferweergave bijgewerkt in een requestAnimationFrame-lus. Zo blijft de weergave synchroon met de eigen renderingpijplijn van de browser, loopt de honderdsteteller vloeiend en wordt hij nooit sneller bijgewerkt dan het scherm kan verversen.
3. 3
   localStorage bewaart een lopende sessie

   Bij elke start, stop of ronde schrijft de tool een momentopname naar localStorage — inclusief een ankertijdstip van de systeemklok. Laad je de pagina tijdens het lopen opnieuw, dan leest de stopwatch dat anker, berekent hoeveel milliseconden er sindsdien zijn verstreken en gaat verder vanaf de juiste tijd.
4. 4
   Rondes exporteren als tekst met tabs of CSV

   Elke ronde bewaart zowel de tussentijd (verschil met de vorige ronde) als het cumulatieve totaal. Alles kopiëren schrijft rijen gescheiden door tabs naar het klembord via navigator.clipboard.writeText; CSV downloaden maakt een UTF-8-Blob met BOM, zodat het bestand zonder importwizard correct in Excel opent.

Gerelateerde tools