Countdown-Timer (live, Tage/Stunden/Minuten/Sekunden)
Wähle ein Zieldatum und eine Zieluhrzeit und beobachte, wie der Countdown sekundenweise herunterläuft. Füge einen optionalen Titel hinzu, um das Event zu benennen. Nachdem der Zielzeitpunkt vergangen ist, zeigt dieselbe Anzeige die vergangene Zeit.
Wie es funktioniert
Wie der Timer funktioniert
Der Countdown tickt einmal pro Sekunde mit setInterval. Bei jedem Tick wird die aktuelle Ortszeit gelesen, von deinem Ziel subtrahiert und die Differenz in Tage, Stunden, Minuten und Sekunden aufgeteilt. Es gibt keinen Server-Roundtrip, sodass der Countdown auch bei Netzwerkausfall genau bleibt – nur die Seite selbst muss geladen sein.
Zeitzonen verwenden das, was dein Browser für 'lokal' hält. Wenn du das Ziel auf '12:00 heute' setzt und eine andere Person in einer anderen Zeitzone die Seite besucht, wird der Countdown unterschiedlich sein – beide korrekt, aber für ihre lokale 12:00 Uhr.
Typische Anwendungsfälle
Projektdeadlines (Countdown auf einem Besprechungsraumbildschirm anzeigen), Produktlaunches (Countdown bis zur öffentlichen Veröffentlichung), Reisen (Urlaub, Flug, Zug), Prüfungen und Zertifizierungen, Hochzeiten und Jubiläen, Sportveranstaltungen. Das optionale Titelfeld ermöglicht es, das Event zu beschriften, sodass die Seite selbsterklärend ist.
Nachdem der Zielzeitpunkt vergangen ist, wechselt dieselbe Anzeige zu 'vergangene Zeit seit' und zählt weiter hoch. Das ist nützlich, wenn 'wie lange ist X her' das eigentlich Gesuchte ist – z. B. 'Tage seit dem letzten Vorfall' für ein SRE-Dashboard.
Warum ein Countdown statt einer Kalendererinnerung
Kalendererinnerungen erscheinen einmalig zum Zeitpunkt des Events. Ein Live-Countdown gibt dir ein ständiges peripheres Bewusstsein – nützlich für Ziele, die du im Gedächtnis behalten möchtest. Sportteams zeigen sie an, Software-Teams zeigen sie in War Rooms, und Marathonläufer pinnen sie auf ihre Trainingsbildschirme.
Wenn du das auf einem öffentlichen Dashboard leben lassen möchtest, setze ein Lesezeichen auf die URL, nachdem du das Ziel eingestellt hast. Der Zustand bleibt in den Eingaben; das Neuladen der Seite setzt ihn zurück (noch kein gemeinsamer Link, aber die Eingabefelder werden innerhalb einer Sitzung beibehalten).
Häufige Fragen
›Ist der Countdown sekundengenau?
Ja – die Anzeige aktualisiert sich einmal pro Sekunde, und jede Aktualisierung berechnet aus der aktuellen Uhr neu, sodass kein akkumulierter Drift auftreten kann.
›Welche Zeitzone wird verwendet?
Die lokale Zeitzone deines Browsers. Das von dir gewählte Ziel wird in deiner lokalen Zone interpretiert, nicht in UTC.
›Funktioniert der Countdown offline?
Ja, sobald die Seite geladen ist. Keine Netzwerkverbindung ist erforderlich, damit der Timer weiterläuft.
›Kann ich einen Countdown mit jemand anderem teilen?
Noch nicht per URL. Wir arbeiten an kodierten Zustand-URLs, damit ein Link das Ziel und den Titel übertragen kann; im Moment kannst du einen Screenshot einfügen oder eine Bildschirmaufnahme machen.
›Was passiert, nachdem der Zielzeitpunkt vergangen ist?
Die Anzeige wechselt zu 'vergangene Zeit seit' und zählt weiter hoch. Die Zahlen sind positiv, aber die Beschriftung ändert sich.
›Kann ich mehrere Countdowns haben?
Öffne mehrere Tabs – jeder ist unabhängig. Ein eingebauter Multi-Event-Modus ist geplant.
›Läuft der Timer weiter, wenn ich Tabs wechsle?
Browser drosseln setInterval in Hintergrund-Tabs. Der Countdown holt auf, wenn du zurückkehrst – die Neuberechnung erfolgt aus der Uhr, nicht aus akkumulierten Ticks.
›Werden die Eingabedaten irgendwohin gesendet?
Nein. Alles bleibt in deinem Browser.
Verwandte Tools
Zuletzt aktualisiert: