Countdown Timer

Countdown-Timer

Zähle herunter zu jedem zukünftigen Datum und Zeitpunkt. Teilbare URL, einbettbarer iframe, große Live-Ziffern-Anzeige. Perfekt für Neujahr, Hochzeiten, Produkt-Launches, Livestream-Overlays.

Countdown-Timer — TL;DR

Zähle herunter zu jedem zukünftigen Datum und Zeitpunkt. Teilbare URL, einbettbarer iframe, große Live-Ziffern-Anzeige. Perfekt für Neujahr, Hochzeiten, Produkt-Launches, Livestream-Overlays.

Pomodoro und Stoppuhren messen relative Zeit — „25 Minuten ab jetzt“ oder „wie lange läuft das schon“. Dieser Countdown-Timer misst absolute Zeit — „wie lange noch bis zu diesem bestimmten Datum und Zeitpunkt“. Das Ziel bleibt fest: Seite neu laden, morgen wiederkommen — der Countdown zeigt immer noch denselben Moment. Nutze diesen für Events; nutze die Stopwatch & Timer für Aufgaben.

Ja. Klicke auf Teilen-Link kopieren und füge ihn überall ein — Slack, E-Mail, Tweet, Blogbeitrag. Die URL enthält den gesamten Zustand (Zielzeit + optionaler Titel), sodass der Empfänger beim Öffnen denselben Countdown auf denselben Moment sieht, auf jedem Gerät, ohne Konto.

Eventtitel, Daten und geteilte Links verlassen niemals dein Gerät. Öffne DevTools → Network und du siehst null ausgehende Requests während der Nutzung.

—
Tage
:
—
Stunden
:
—
Minuten
:
—
Sekunden

Schnell-Voreinstellungen

Mehr als nur Ziffern

Gebaut für Events, Livestreams, Klassenzimmer und persönliche Momente — nicht nur, um eine Kaffeepause zu stoppen.

Countdown bis zu jedem Moment

Wähle ein beliebiges zukünftiges Datum und eine Uhrzeit, optional mit Titel. Die Anzeige aktualisiert sich jede Sekunde; Tage / Stunden / Minuten / Sekunden ergeben stets exakt die verbleibende Zeit.

Teilbarer URL-Deep-Link

Klicke auf Teilen-Link kopieren, um eine URL wie ?to=2027-01-01T00:00&title=New%20Year zu erhalten. Wer den Link öffnet, sieht denselben Countdown auf denselben Moment — keine Installation, kein Konto.

Einbettbarer iframe

Hänge &embed=1 an die Teilen-URL an, und die Seite entfernt ihr Chrome — perfekt zum Einbetten in ein Livestream-Overlay (OBS, Streamlabs), einen Blogbeitrag, eine Hochzeits-Website oder eine Event-Landingpage. <iframe src="…?to=…&embed=1">.

Event-Voreinstellungen

Ein-Klick-Voreinstellungen für Neujahr, Weihnachten und „in 7 / 30 / 100 Tagen“. Außerdem werden die letzten 10 selbst genutzten Events lokal gespeichert und sind per Klick wieder abrufbar.

Alarm und Seitenblitz bei null

Erreicht der Countdown null, spielt die Seite einen Web Audio API-Klang ab und lässt den Dokumenttitel und das Favicon blinken — so sehen Nutzer es auch aus einem anderen Browser-Tab.

Datenschutz von Grund auf

Jeder Tick läuft als JavaScript auf deinem Gerät. Keine Eventtitel, keine Daten, keine Zwischenablage-Aktivität werden je übertragen. Öffne DevTools → Network und überprüfe: null ausgehende Requests.

So nutzt du den Countdown

Drei Schritte zu einem teilbaren, einbettbaren Countdown.

  1. 1

    Wähle den Zielmoment

    Klicke in den Datum-und-Uhrzeit-Picker und wähle einen beliebigen zukünftigen Moment, oder nutze eine Voreinstellung (Neujahr, Weihnachten, +7 / +30 / +100 Tage). Optional kannst du einen Eventtitel eingeben — „Hochzeitstag“, „Produkt-Launch“, „Abschlussprüfung“ — und er erscheint über den Ziffern.

  2. 2

    Teilen-Link kopieren

    Klicke auf Teilen-Link kopieren und füge ihn überall ein. Die URL kodiert den gesamten Countdown-Zustand — Freunde, Familie, Kunden, Publikum sehen alle denselben Countdown auf denselben Moment, wenn sie klicken.

  3. 3

    Bei Bedarf einbetten

    Für Livestreams, Blogs, Hochzeits-Websites oder Event-Landingpages hänge &embed=1 an die Teilen-URL an und füge sie in einen <iframe> ein. Der Embed-Modus entfernt Navbar, Footer und Konfiguration — und lässt nur die Ziffern.

  4. 4

    long.how.step4.title

    long.how.step4.body

Gebaut für Events groß und klein

Vier gängige Szenarien, in denen ein teilbarer, einbettbarer Countdown eine Sperrbildschirm-Erinnerung schlägt.

Produkt-Launch / Sale-Countdown

Bette einen Countdown auf deiner Landingpage ein, damit Besucher sofort sehen, wann der Launch stattfindet oder wann ein Flash-Sale endet. Der URL-Deep-Link funktioniert auch für Marketing-E-Mails — Empfänger klicken und sehen denselben Live-Countdown, ohne das Markenerlebnis zu verlassen.

Hochzeiten, Geburtstage, Meilensteine

Lege das Datum fest, gib ihm einen Titel, teile den Link im Familienchat. Wer den Link öffnet, sieht den Live-Countdown — perfekt für Hochzeits-Website-Embeds, Save-the-Date-E-Mails oder einfach eine Chatraum-Erinnerung, die dort tickt.

Livestream-Segment-Timing

Nutze die &embed=1-URL als Browserquelle in OBS / Streamlabs, um einen Countdown bis zum Streamstart, AMA-Cut-off, Giveaway-Ende oder Auktionsschluss anzuzeigen — sichtbar für Zuschauer als Teil der Übertragung selbst.

Prüfung / Deadline / Projektreview

Hefte einen Countdown an deine Lesezeichenleiste, und die Sekunden ticken jedes Mal, wenn du einen neuen Tab öffnest. Auch der Dokumenttitel zeigt die verbleibende Zeit, sodass sie sichtbar ist, wann immer du deine Tab-Liste durchgehst — sanfte, aber stetige Motivation.

100% privat — läuft in deinem Browser

Eventtitel, Daten und geteilte Links verlassen niemals dein Gerät. Öffne DevTools → Network und du siehst null ausgehende Requests während der Nutzung.

  • Alle Countdown-Ticks, Alarmtöne (Web Audio API) und Schreibvorgänge in die Zwischenablage geschehen als JavaScript auf deinem Rechner — sichtbar im Seitenquelltext.
  • Gespeicherte Events leben nur im localStorage; wir synchronisieren sie nie mit einem Server.
  • Kein Login, keine Telemetrie zu Eventtiteln, kein Drittanbieter-Countdown-Dienst. Wir verwenden nur einen cookie für den cookie-Einwilligungsstatus und einen für die Spracheinstellung.

Verwandte Anleitungen

Handverlesene Lektüre zu Countdowns, Livestream-Embeds und Event-Marketing.

Häufig gefragt

Wie unterscheidet sich das von einem Pomodoro-Timer oder einer Stoppuhr?

Pomodoro und Stoppuhren messen relative Zeit — „25 Minuten ab jetzt“ oder „wie lange läuft das schon“. Dieser Countdown-Timer misst absolute Zeit — „wie lange noch bis zu diesem bestimmten Datum und Zeitpunkt“. Das Ziel bleibt fest: Seite neu laden, morgen wiederkommen — der Countdown zeigt immer noch denselben Moment. Nutze diesen für Events; nutze die Stopwatch & Timer für Aufgaben.

Kann ich einen Countdown mit jemandem teilen?

Ja. Klicke auf Teilen-Link kopieren und füge ihn überall ein — Slack, E-Mail, Tweet, Blogbeitrag. Die URL enthält den gesamten Zustand (Zielzeit + optionaler Titel), sodass der Empfänger beim Öffnen denselben Countdown auf denselben Moment sieht, auf jedem Gerät, ohne Konto.

Kann ich das in meine Website oder meinen Livestream einbetten?

Ja. Hänge &embed=1 an die Teilen-URL an und füge das Ergebnis in einen <iframe> ein. Der Embed-Modus blendet Navbar, Footer, Konfigurationspanel und Anzeigen aus — und lässt nur die große Ziffern-Anzeige auf transparentem Hintergrund. Funktioniert in OBS / Streamlabs Browserquellen, WordPress / Squarespace Embeds, Notion und jeder standardkonformen Site.

Ist der Countdown über Stunden und Tage hinweg genau?

Ja. Wir vergleichen das aktuelle Date.now mit einer absoluten Ziel-Millisekunde — selbst wenn dein Laptop stundenlang schläft, zurückkehrt oder du Tabs wechselst und der Browser JavaScript drosselt, wird die angezeigte Zeit bei jedem Tick aus dem absoluten Ziel neu berechnet. Es gibt keinen kumulativen Drift.

Wird etwas an euren Server gesendet?

Nein. Die Zielzeit, der Eventtitel, die Generierung des Teilen-Links und die Alarmwiedergabe laufen alle als JavaScript in deinem Browser. Die letzten 10 genutzten Events werden im localStorage auf deinem Gerät gespeichert. Öffne DevTools → Network und du siehst null ausgehende Requests während der Nutzung.