chevron_right

Countdown-Timer-Generator

Erzeugen Sie einen einbettbaren HTML-Countdown-Timer für jedes Zieldatum. Kopieren und auf jeder Website einfügen — keine externen Skripte erforderlich.

Zieldatum und -uhrzeit

Beschriftung über dem Timer

Nachricht bei Ablauf

Design

Live-Vorschau

Launching In

Days

Hours

Minutes

Seconds

Einbettbares HTML

<div id="cd_v2o92c" style="font-family:system-ui,sans-serif;background:#0f172a;color:#f8fafc;padding:1.5rem;border-radius:0.75rem;text-align:center;display:inline-block;">
  <div style="font-size:1rem;margin-bottom:0.75rem;opacity:0.8">Launching In</div>
  <div class="cd-grid" style="display:flex;gap:0.75rem;justify-content:center;">
    <div style="background:#1e293b;padding:0.75rem 1rem;border-radius:0.5rem;min-width:4rem;"><div class="cd-d" style="font-size:2rem;font-weight:700;color:#38bdf8">0</div><div style="font-size:0.75rem;opacity:0.7">Days</div></div>
    <div style="background:#1e293b;padding:0.75rem 1rem;border-radius:0.5rem;min-width:4rem;"><div class="cd-h" style="font-size:2rem;font-weight:700;color:#38bdf8">0</div><div style="font-size:0.75rem;opacity:0.7">Hours</div></div>
    <div style="background:#1e293b;padding:0.75rem 1rem;border-radius:0.5rem;min-width:4rem;"><div class="cd-m" style="font-size:2rem;font-weight:700;color:#38bdf8">0</div><div style="font-size:0.75rem;opacity:0.7">Minutes</div></div>
    <div style="background:#1e293b;padding:0.75rem 1rem;border-radius:0.5rem;min-width:4rem;"><div class="cd-s" style="font-size:2rem;font-weight:700;color:#38bdf8">0</div><div style="font-size:0.75rem;opacity:0.7">Seconds</div></div>
  </div>
</div>
<script>(function(){var el=document.getElementById("cd_v2o92c"),t=1776987300000;function p(n){return String(n).padStart(2,"0")}function u(){var d=t-Date.now();if(d<=0){el.innerHTML='<div style="font-size:1.5rem;font-weight:700;color:#38bdf8">We're live!</div>';return}var s=Math.floor(d/1000),D=Math.floor(s/86400),H=Math.floor(s%86400/3600),M=Math.floor(s%3600/60),S=s%60;el.querySelector('.cd-d').textContent=D;el.querySelector('.cd-h').textContent=p(H);el.querySelector('.cd-m').textContent=p(M);el.querySelector('.cd-s').textContent=p(S);requestAnimationFrame(function(){setTimeout(u,1000)})}u()})();</script>

Ahnliche Tools

Zufälliger Datum-Generator

Generiere zufällige Daten innerhalb eines Bereichs mit Optionen für Anzahl, Format und Uhrzeit.

Fake-Adressen-Generator

Erzeugen Sie zufällige Fake-Postadressen für acht Länder mit Straße, Stadt, Region, Postleitzahl und Land.

Kreditkarten-Generator (Test)

Erzeugen Sie syntaktisch gültige TEST-Kreditkartennummern (Luhn) für Visa, Mastercard, Amex, Discover und JCB — nur für Entwicklungszwecke.

Stapel-QR-Code-Generator

Mehrere QR-Codes auf einmal aus einer Liste von URLs oder Texten generieren.

PDF aufteilen

Teile eine PDF-Datei in einzelne Seiten oder Seitenbereiche auf.

Text Diff Prüfer

vergleichen two texts und highlight differences.

apps

Mehr Tools

Durchsuchen Sie unsere vollstandige Sammlung kostenloser Online-Tools.

Erstellen Sie einen Countdown-Timer in Sekunden

Countdown-Timer erzeugen Dringlichkeit. Ob Sie ein Produkt launchen, einen Ausverkauf starten, ein Event ankündigen oder eine Coming-soon-Seite bauen — ein Live-Timer hält Besucher engagiert und fokussiert auf das Kommende. Der Countdown-Timer-Generator erzeugt ein vollständiges, in sich geschlossenes HTML-Snippet, das Sie auf jede Website einfügen können — WordPress, Shopify, Webflow, Notion, reines HTML — ohne Bibliotheken oder externe Abhängigkeiten.

Was Sie Erhalten

Ein <div> plus ein inline <script>. Kein CDN, kein npm, kein Build-Schritt. Das Skript aktualisiert sich jede Sekunde und behandelt den Abgelaufen-Zustand automatisch.

Anpassen

Zieldatum und -uhrzeit — legen Sie genau fest, wann der Countdown endet.
Beschriftung — eine Textzeile über den Kacheln (z.B. "Startet in", "Angebot endet in").
Ablaufmeldung — was angezeigt wird, wenn der Timer Null erreicht ("Wir sind live!", "Ausverkauft" usw.).
Design — Dunkel, Hell oder Minimal (erbt Schrift und Farben der übergeordneten Seite).

Ideal Für

Produktlaunches und Kickstarter-Kampagnen
Flash-Sales, Black Friday, zeitlich begrenzte Angebote
Webinar- oder Livestream-Countdowns
Hochzeits- und Event-Countdowns
Coming-soon-Landingpages

Technische Hinweise

Das Snippet basiert ausschließlich auf Vanilla JavaScript und Inline-CSS. Es verwendet eine eindeutige zufällige ID, sodass Sie mehrere Timer auf derselben Seite platzieren können, ohne Konflikte. Der Countdown nutzt die Geräteuhr des Besuchers — für streng synchronisierte Marketing-Timer empfiehlt sich ein serverseitiger Fallback.

Datenschutz

Der Generator läuft vollständig in Ihrem Browser. Wir sehen niemals Ihr Zieldatum, Ihre Beschriftung oder die Seiten, auf denen Sie das Snippet verwenden.