Countdown-Timer
Erstellen Sie Countdown-Timer mit eigener Zeiteinstellung und Alarm
Zeit einstellen
Was ist ein Online-Countdown-Timer?
Ein Online-Countdown-Timer ist ein kostenloses, browserbasiertes Werkzeug, das von einer eingestellten Zeit herunterzählt und Sie alarmiert, sobald Null erreicht ist. Nutzen Sie ihn für eine 25-minütige Pomodoro-Session, ein 6-Minuten-Ei oder eine 45-minütige Klausur – immer dann, wenn Sie ein Zeitlimit brauchen. Anders als der Blick auf die Uhr befreit Sie ein Timer davon, ständig an die Zeit zu denken, und lässt Sie ganz bei der Sache sein. Der Alarm holt Sie zurück, wenn die Zeit um ist. Kein Download, keine Anmeldung, nichts wird hochgeladen. Alles läuft direkt in Ihrem Browser-Tab.
Bedienung
So verwenden Sie den Timer
- Geben Sie Stunden, Minuten und Sekunden ein – oder klicken Sie auf eine Vorwahlzeit
- Klicken Sie auf „Start“, um den Countdown zu starten, auf „Pause“, um ihn anzuhalten
- Kurz vor Ende wird die Anzeige gelb, in den letzten 10 Sekunden rot
- Erreicht der Countdown null, ertönt ein akustisches Signal
Hinweise zur Zeitmessung
- Browser-Timer können pausieren oder nachgehen, wenn der Tab im Hintergrund ist, das Gerät in den Ruhezustand geht oder der Energiesparmodus aktiv ist.
- Bei Meetings, Prüfungen oder produktiven Arbeiten sollten Sie eine Systemuhr oder einen dedizierten Timer als endgültige Referenz verwenden.
Anwendungsfälle
Technische Funktionsweise
Der Countdown nutzt nicht setInterval zum Sekundenzählen – dieser Ansatz driftet mit der Zeit, weil die Event-Loop des Browsers nur eine minimale Verzögerung garantiert, keinen gleichmäßigen Takt. Stattdessen zeichnet der Timer eine Startzeit mit Date.now() auf und berechnet die verbleibende Zeit in jedem Frame neu: verbleibend = Zieldauer − (Date.now() − Startzeit). Dieses selbstkorrigierende Verfahren sorgt dafür, dass die angezeigte Zeit auch dann genau bleibt, wenn der JavaScript-Thread kurzzeitig mit Garbage Collection oder Layout-Arbeiten ausgelastet ist.
Die Anzeige wird über requestAnimationFrame aktualisiert, das mit der Bildwiederholrate Ihres Bildschirms synchronisiert ist (üblicherweise 60 Mal pro Sekunde, bei High-Refresh-Displays 120 Mal). Die visuelle Aktualisierung ist flüssig, aber die eigentliche Zeitmessung erfolgt über die Date.now()-Berechnung – die Animation dient nur der Darstellung, nicht der Messung.
Wenn der Tab in den Hintergrund wechselt, drosseln Browser die Timer-Aufrufe drastisch. Bei versteckten Tabs kann setInterval auf einen Aufruf pro Sekunde begrenzt werden, und inaktive Tabs können bei Akkubetrieb nach wenigen Minuten komplett eingefroren werden. Der Timer fängt das ab, indem er beim Sichtbarwerden des Tabs sofort die Systemuhr prüft und die Anzeige auf die korrekte Restzeit springen lässt. Für den Alarm nutzt die Seite die Web Audio API, um einen kurzen Ton abzuspielen. Dafür ist eine einmalige Nutzerinteraktion erforderlich (etwa das Klicken auf „Start“), bevor die Audio-Wiedergabe erlaubt wird – eine Browser-Autoplay-Richtlinie gegen unerwünschte Geräusche. Ist der Tab versteckt oder das System im Ruhezustand, wird der Alarm nicht ausgelöst, aber die Anzeige zeigt die korrekte abgelaufene Zeit, sobald Sie zurückkehren.
- Nutzt Date.now() für Wanduhr-Genauigkeit – berechnet die Restzeit in jedem Frame neu, statt setInterval-Ticks zu zählen.
- requestAnimationFrame synchronisiert die Anzeige mit der Bildwiederholrate Ihres Bildschirms für flüssige Darstellung.
- Hintergrund-Tabs werden vom Browser gedrosselt; der Timer gleicht beim Zurückkehren anhand der Systemuhr aus.
- Die Web Audio API spielt den Alarm ab und erfordert eine Nutzergeste (z. B. Klick auf „Start“), bevor Audio erlaubt wird.
- Alle Berechnungen laufen lokal im Browser. Es werden keine Daten versendet.
Beispiele
Pomodoro-Arbeitsblock (25 Min. Fokus + 5 Min. Pause)
Dauer : 00 : 25 : 00
Start um : 14:00:00
Ende um : 14:25:00 (Alarm ertönt)
Danach : 5-Minuten-Pause-Timer (Vorwahl)Kochen – 6:30-Minuten-Ei
Dauer : 00 : 06 : 30
Bei 1:00 -> visuelle Warnung hebt die Restzeit hervor
Bei 0:00 -> Alarm + Banner: Countdown abgelaufen!Klausuraufsicht – 45-Minuten-Block
Dauer : 00 : 45 : 00
Start : 09:15:00
Ende : 10:00:00
Tipp: Lassen Sie den Tab im Vordergrund – Hintergrund-Tabs können setInterval drosseln und über 45 Minuten um mehrere Sekunden abweichen.Häufige Fragen
Läuft der Countdown weiter, wenn ich den Tab wechsle?
Ja. Der Timer nutzt Ihre Systemuhr zur Zeitmessung, nicht die Animations-Ticks. Wenn Sie zurückwechseln, springt die Anzeige sofort auf die korrekte Restzeit.
Ertönt der Alarm, wenn der Tab im Hintergrund ist?
Das hängt von Ihrem Browser und Gerät ab. Einige Browser drosseln Audio in Hintergrund-Tabs, um Strom zu sparen. Wenn der Alarm wichtig ist, lassen Sie den Timer-Tab sichtbar oder in einem eigenen Fenster.
Was passiert, wenn mein Rechner in den Ruhezustand geht?
Der Timer verwendet die Systemuhr und bleibt dadurch auch über den Ruhezustand hinweg genau. Beim Aufwachen holt die Anzeige die vergangene Zeit nach. Der Alarm wird jedoch nicht ausgelöst, solange das System im Standby ist.
Wie genau ist der Countdown?
Die Anzeige aktualisiert sich jede Sekunde, intern wird aber mit Millisekunden-genauen Zeitstempeln gearbeitet. Für den Alltag – Kochen, Meetings, Sport – ist das mehr als ausreichend. Hintergrund-Tabs können durch Browser-Drosselung etwas an Präzision verlieren.
Kann ich meine Timer-Vorwahlen speichern?
Schnellvorwahlen für 5, 10, 25 und 45 Minuten sind fest eingebaut. Für andere Dauern geben Sie die Zeit einfach direkt in die Felder für Stunden, Minuten und Sekunden ein.
Beeinflusst die Sommerzeit den Countdown?
Nein. Der Timer zählt vergangene Sekunden, keine Kalenderzeit. Ein 2-Stunden-Countdown dauert immer exakt 2 Stunden, unabhängig von der Zeitumstellung.
Werden Daten an einen Server gesendet?
Nein. Der Timer läuft vollständig in Ihrem Browser. Keine Timer-Daten verlassen Ihr Gerät.