Stoppuhr & Countdown-Timer

Die Stoppuhr zählt von Null aufwärts – verwenden Sie diese, um zu messen, wie lange ein Vorgang dauert. Zum Kochen eines Rezepts, zum Stoppen eines Trainingsintervalls, zum Aufzeichnen einer Präsentationsprobe, zum Benchmarking einer manuellen Aufgabe bei der Arbeit oder um zu verfolgen, wie lange ein Kind für die Hausaufgaben braucht.

Der Countdown zählt von einer festgelegten Dauer auf Null herunter – verwenden Sie diesen, wenn Sie zu einer bestimmten Zeit anhalten oder benachrichtigt werden müssen. Pomodoro-Arbeitsblöcke, HIIT-Intervalle, Ofentimer, Time-Boxing in Meetings, Lern-Sprints oder Prüfungssimulationen. Das akustische Signal bei Null ist hierbei der entscheidende Punkt.

Beide Funktionen basieren auf requestAnimationFrame für eine Genauigkeit, die der Bildwiederholrate des Monitors entspricht (typischerweise 60 oder 120 Hz). Die Anzeige aktualisiert sich bei jedem Frame; die zugrunde liegende Zeit wird mit performance.now() gemessen, was eine Auflösung im Sub-Millisekundenbereich bietet.

Die meisten Browser-Timer-Tutorials verwenden setInterval mit einem Takt von 10 ms oder 100 ms und erhöhen dann einen Zähler. Dieser Ansatz driftet: setInterval wird in Hintergrund-Tabs auf 1000 ms gedrosselt und summiert über lange Laufzeiten Rundungsfehler auf.

Diese Stoppuhr zeichnet stattdessen beim Start einen einzigen performance.now()-Zeitstempel auf und berechnet bei jedem Animationsframe: verstrichen = jetzt − Start. Es gibt keine Drift – selbst nach einer Stunde Laufzeit entspricht die angezeigte Zeit der tatsächlich verstrichenen Echtzeit bis auf wenige Millisekunden.

Pause und Fortsetzen funktionieren, indem das verstrichene Delta beim Pausieren in einer laufenden Summe akkumuliert wird und der Start-Zeitstempel beim Fortsetzen neu gesetzt wird. Die akkumulierte Summe übersteht beliebig viele Pause/Fortsetzen-Zyklen ohne Präzisionsverlust.

Rundenzeiten sind Momentaufnahmen des laufenden Zeitwerts; sie setzen die laufende Stoppuhr nicht zurück. Sie können Dutzende von Runden aufzeichnen, ohne den Haupt-Timer zu beeinflussen.

Pomodoro: 25-minütiger Countdown für konzentriertes Arbeiten, gefolgt von 5 Minuten Pause. Stapeln Sie vier Zyklen, dann folgt eine längere Pause von 15–30 Minuten. Das akustische Signal ermöglicht es Ihnen, den Timer völlig zu ignorieren, bis er auslöst.

HIIT und Tabata: 20 Sekunden Belastung + 10 Sekunden Pause × 8 Runden. Nutzen Sie die Runden-Taste der Stoppuhr, um jede Runde aufzuzeichnen, oder stellen Sie einen 4-Minuten-Countdown ein und achten Sie auf die Sekunden für die Übergänge.

Kochen: Countdown für Back- und Röstarbeiten ohne ständige Aufsicht. Nutzen Sie die Stoppuhr für das Anbraten und Ruhen lassen, wenn Sie genau wissen müssen, wie lange das Protein bereits ruht.

Rede und Präsentation: Stoppuhr vor sich während der Übung; Countdown, wenn Sie ein hartes Zeitlimit haben (TED-Talks, Lightning Talks, Sales Pitches).

Tipp: Lassen Sie diesen Tab im Vordergrund offen für den genauesten Countdown – Hintergrund-Tabs drosseln requestAnimationFrame auf ca. 1 Frame pro Sekunde, um Akku zu sparen. Dies beeinflusst zwar nicht die insgesamt verstrichene Zeit, aber die Aktualisierung der Anzeige.

Drosselung in Hintergrund-Tabs: Chrome und Safari drosseln Hintergrund-Tabs aggressiv. Der Countdown löst den Alarm zwar immer noch zum richtigen Zeitpunkt aus (da wir einen Echtzeit-Check und keinen Taktzähler verwenden), aber die Anzeige wird nicht flüssig aktualisiert.

Energiesparmodus des Computers: Wenn Ihr Laptop in den Ruhezustand geht, pausieren Browser-Timer vollständig. Der Countdown wird an der Stelle fortgesetzt, an der er angehalten wurde, nicht an der Stelle, an der er sein sollte – für Zeitmessungen, die während des Ruhezustands laufen müssen, verwenden Sie einen Handy-Alarm oder einen Planer auf Betriebssystemebene.

Akustisches Signal blockiert: Die meisten Browser blockieren automatisch abgespielte Audioinhalte, bis Sie mit der Seite interagiert haben. Klicken Sie einmal auf Start, damit der Alarm bei Null ertönt; wenn Sie diese Seite in einem Hintergrund-Tab laden und nie klicken, kann der Audiokontext nicht initialisiert werden.

Rundengenauigkeit: Runden erfassen die verstrichene Zeit in dem Moment, in dem Sie klicken. Die Reaktionszeit beträgt ca. 200 ms – für Präzision im Sub-Sekundenbereich nutzen Sie stattdessen eine Videoanalyse anstelle einer manuellen Runden-Taste.