Countdown-Timer

Erstelle Countdown-Timer mit eigener Zeiteinstellung und Alarm

Zeit einstellen

Stunden

Minuten

Sekunden

Was ist ein Online-Countdown-Timer?

Ein Online-Countdown-Timer ist ein kostenloses, browserbasiertes Werkzeug, das von einer eingestellten Zeit herunterzählt und dich alarmiert, sobald Null erreicht ist. Nutze ihn für eine 25-minütige Pomodoro-Session, ein 6-Minuten-Ei oder eine 45-minütige Klausur – immer dann, wenn du ein Zeitlimit brauchst. Anders als der Blick auf die Uhr befreit dich ein Timer davon, ständig an die Zeit zu denken, und lässt dich ganz bei der Sache sein. Der Alarm holt dich zurück, wenn die Zeit um ist. Kein Download, keine Anmeldung, nichts wird hochgeladen. Alles läuft direkt in deine Browser-Tab.

Bedienung

So verwende den Timer

Gib Stunden, Minuten und Sekunden ein
Klicke 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 sollte eine Systemuhr oder einen dedizierten Timer als endgültige Referenz verwenden.

Anwendungsfälle

Pomodoro und fokussiertes ArbeitenStelle 25 Minuten für konzentriertes Arbeiten ein, dann 5 Minuten Pause. Der Alarm befreit dich vom ständigen Blick auf die Uhr – du weißt genau, wann die Session endet, und kannst dich ganz auf die Arbeit konzentrieren.

Kochen und BackenNimm alles auf die Minute genau – vom 3-Minuten-Ei bis zum 45-Minuten-Kuchen. Stelle die Dauer ein, drücke Start, und das Signal sagt dir den Moment, in dem es fertig ist – ohne ständiges Nachschauen am Ofen.

Prüfungen und UnterrichtStelle 45 Minuten für eine Klausur ein oder 10 Minuten für einen Test. Zeige den Timer auf dem Bildschirm im Klassenraum, damit die Schüler ihre Zeit selbst einteilen können. Für mündliche Prüfungen nutze kürzere Timer, um jeden Redner im Zeitplan zu halten.

Meetings und PräsentationenStarte den Countdown zu Beginn eines Meetings, um den Zeitrahmen einzuhalten. Setze einen Timer für jeden Tagesordnungspunkt oder stoppe deine Präsentationsprobe. Das akustische Signal markiert das Ende – kein heimlicher Blick auf die Uhr nötig.

Training und Intervall-WorkoutsStelle einen einzelnen Countdown für Planks, Wandsitzen oder Dehnübungen ein, oder stelle 25 Minuten für einen Cardio-Block ein. Der Timer hält dich ehrlich – kein Rätselraten, wie lange du schon dabei bist.

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 deines 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 du zurückkehrst.

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 deines 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

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: Lass 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 deine Systemuhr zur Zeitmessung, nicht die Animations-Ticks. Wenn du zurückwechselst, springt die Anzeige sofort auf die korrekte Restzeit.

Ertönt der Alarm, wenn der Tab im Hintergrund ist?

Das hängt von deine Browser und Gerät ab. Einige Browser drosseln Audio in Hintergrund-Tabs, um Strom zu sparen. Wenn der Alarm wichtig ist, lass 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 eine beliebige Dauer einstellen?

Ja. Gib einfach die Stunden, Minuten und Sekunden direkt in die Felder 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 deine Browser. Keine Timer-Daten verlassen deine Gerät.