Stopwatch

So wird die Stoppuhr verwendet

1. Klicke Start, um das Aufwärtszählen ab 00:00:00,00 zu beginnen. Die große Monospace-Anzeige zeigt Stunden, Minuten, Sekunden und Hundertstelsekunden.
2. Drücke Runde, während die Stoppuhr läuft, um einen Split zu erfassen. Jede Runde zeigt ihre eigene abgelaufene Zeit und die Zeit seit dem Start, sodass du aufeinanderfolgende Intervalle nebeneinander vergleichen kannst.
3. Verwende Stopp, um den Timer anzuhalten, ohne die angesammelte Zeit zu verlieren, dann Fortsetzen, wenn du weitermachen möchtest, wo du aufgehört hast.
4. Drücke Zurücksetzen, um alles auf null zurückzusetzen. Dadurch wird die Rundenliste gelöscht, also kopiere alles, was du benötigst, zuerst.
5. Wähle und kopiere Rundenzeiten direkt aus der Bildschirmliste, wenn du sie in eine Tabellenkalkulation oder ein Trainingsprotokoll übertragen möchtest.

Was dieses Tool tut und wie es funktioniert

Eine Stoppuhr misst vergangene Zeit ohne Obergrenze - du sagst ihr, wann sie starten, wann sie aufteilen und wann sie stoppen soll, und sie teilt dir mit, wie lange jedes dieser Intervalle gedauert hat. Intern hält sie einen einzigen Ankerzeitstempel, der mit performance.now() erfasst wird, wenn du auf Start klickst. Bei jedem Animationsframe liest sie performance.now() erneut und subtrahiert, was den Bildschirmwert ergibt. Weil performance.now() einen hochauflösenden monotonen Wert zurückgibt, der unabhängig von Wanduhren-Sprüngen (NTP-Synchronisierung, Sommerzeitänderungen, manuelle Uhranpassungen) ist, bleibt die Zählung über all diese Ereignisse hinweg genau.

Aktualisierungen werden durch requestAnimationFrame statt setInterval gesteuert, was einen flüssigeren visuellen Tick auf 60-Hz- und 120-Hz-Displays liefert und dem Browser erlaubt, das Malen anzuhalten, wenn der Tab ausgeblendet ist, ohne die zugrundeliegende Zählung zu korrumpieren. Runden sind einfach Schnappschüsse des aktuellen abgelaufenen Werts, die in ein Array gedrückt werden; das Vorherige-Runde-Delta wird beim Rendern berechnet. Nichts wird persistiert - der gesamte Zustand lebt im Komponentenspeicher und verschwindet, wenn du den Tab schließt.

Wann du die Stoppuhr nutzen würdest

• Intervallläufe, Schwimmsets oder Radfahrens-Intervalle zeitlich erfassen, bei denen du Pro-Runde-Splits und eine laufende Gesamtsumme benötigst.
• Messen, wie lange eine echte Aufgabe tatsächlich dauert, um zukünftige Arbeit besser abschätzen zu können - ein schneller Realitäts-Check gegen den "Das dauert nur zehn Minuten"-Instinkt.
• Einen Sprecherzeit-Check im Sitzungsraum durchführen, bei dem du bei jedem Sprecherwechsel splittest und am Ende sehen kannst, wer die Diskussion dominiert hat.
• Mehrstufige Kochrezepte zeitlich erfassen, bei denen die absolute abgelaufene Zeit wichtig ist, du aber auch wissen möchtest, wie lange das Anbraten im Verhältnis zur Reduktion gedauert hat.
• Kinderspiele, Unterrichtsaktivitäten oder Debattenrunden zeitlich erfassen, bei denen ein sichtbarer Zähler die Gruppe ehrlich hält.
• Etwas Manuelles benchmarken (ein Build, ein Backup, ein Daten-Import), bevor du einen richtigen Profiler verdratest.

Häufige Fallstricke und Randfälle

Der häufigste Fehler ist, die Stoppuhr mit einem Countdown-Timer zu verwechseln und zu erwarten, dass sie zu einem bestimmten Zeitpunkt auslöst - das tut sie nicht; sie zählt unbegrenzt aufwärts. Ein zweiter Fallstrick ist, Hundertstelsekunden-Genauigkeit als Genauigkeit zu lesen: Die Anzeige aktualisiert sich bei 1/100s, aber die tatsächliche Timing-Auflösung hängt von deiner Display-Aktualisierungsrate und der requestAnimationFrame-Kadenz ab, sodass das Vertrauen auf die letzte Stelle für ernstes athletisches Timing ein Fehler ist. Sehr lange Sitzungen (mehrere Stunden) funktionieren weiterhin, aber die Anzeige wechselt erwartungsgemäß von mm:ss zu hh:mm:ss. Das Wechseln von Tabs pausiert die Paint-Schleife, aber nicht die zugrundeliegende Zeitstempel-Arithmetik, sodass die Zählung korrekt ist, wenn du zurückkommst, obwohl die Ziffern während des Ausblenden eingefroren erscheinen. Schließlich, wenn das Gerät während des Laufs schläft, lassen die meisten Browser performance.now() auch während des Schlafs weiterlaufen, sodass du beim Aufwachen die volle abgelaufene Zeit inklusive des Schlafs siehst.

Stoppuhr-Timing kurz erklärt

Mechanische Stoppuhren begannen als Chronographen Ende des 18. Jahrhunderts und wurden für den Sport um die 1868er olympischen Vorläufer standardisiert; digitale Quarz-Stoppuhren übernahmen in den 1970er Jahren, und jedes moderne Telefon, jede Smartwatch und jeder Browser hat jetzt einen Stoppuhr-Modus. Die Unterscheidung "Runde" versus "Split" ist wissenswert: Eine Split-Zeit ist die kumulativ seit dem Start bis zum Drücken der Taste abgelaufene Zeit, während eine Rundenzeit das Delta seit dem vorherigen Split ist. Dieses Tool zeigt beides. Webbrowser stellen zwei Timing-APIs bereit - Date.now(), das Unix-Epoch-Millisekunden zurückgibt und rückwärts springen kann, wenn die Systemuhr korrigiert wird, und performance.now(), das einen monotonen hochauflösenden Wert zurückgibt, der an den Navigationsstart verankert ist. Für Stoppuhr-Arbeit ist nur das monotone sicher, weshalb diese Implementierung es verwendet.

Vergleich mit Alternativen

Eine dedizierte Sport-Uhr (Garmin, Suunto, Apple Watch) übertrifft dieses Tool für athletische Nutzung, weil sie nicht auf einem Web-Tab sitzt, der geschlossen werden kann, Handschuhe und Regen übersteht und Sitzungen in einem Trainingsprotokoll persistieren kann. Die macOS- und iOS-Uhren-Apps bieten eine nahezu identische Stoppuhr mit dem Vorteil des Hintergrundlaufens über systemseitige Timer. Eine physische mechanische Stoppuhr wird immer noch bei Leichtathletik-Schiedsrichtern eingesetzt, weil Elektronik ausfallen kann - aber sie begrenzt sich auf einen einzigen abgelaufenen Wert pro Knopfdruck. Gegenüber diesen Optionen gewinnt dieses Browser-Tool, wenn man einen Zero-Install-Bildschirm-Timer für ein Video-Call oder eine Unterrichtssitzung benötigt und wenn man Rundenzeiten in derselben Größe wie die laufende Gesamtsumme sichtbar haben möchte. Für Sub-Hundertstelsekunden-Genauigkeit - Drag Racing, elektronische Geschwindigkeitsfallen, Mikro-Benchmarks - ist keines dieser manuellen Tools geeignet; man braucht stattdessen einen Hardware-Timer.