chevron_right

Générateur de Compte à Rebours

Générez un compte à rebours HTML intégrable en direct pour toute date. Copiez-collez l'extrait dans n'importe quel site — sans scripts externes.

Date et heure cibles

Étiquette au-dessus du minuteur

Message à l'expiration

Thème

Aperçu en direct

Launching In

Days

Hours

Minutes

Seconds

HTML intégrable

<div id="cd_vxhhjv" 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_vxhhjv"),t=1776987540000;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>

Outils similaires

Générateur de Dates Aléatoires

Générez des dates aléatoires dans une plage spécifiée avec des options de quantité, format et heure.

Générateur d'IBAN

Générez des numéros IBAN valides pour plus de 30 pays avec des clés de contrôle correctes (ISO 13616 mod-97).

Générateur de Timestamps Unix

Génère l'horodatage Unix actuel, convertit une date, ou crée des lots de timestamps aléatoires.

Générateur de bordure dégradée

Générez du CSS pour les bordures dégradées avec un angle et une largeur réglables.

Generateur hexdump

Generez une vue hexdump classique a partir de fichiers importes.

Convertisseur en Majuscules

Convertissez du texte en majuscules instantanément.

Calculateur d'IMC

Calculez votre Indice de Masse Corporelle à partir de la taille et du poids. Supporte les unités métriques (kg/cm) et impériales (lbs/pieds).

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Créez un Compte à Rebours en Quelques Secondes

Les comptes à rebours créent de l'urgence. Que vous lanciez un produit, organisiez une vente, comptiez les jours avant un événement ou construisiez une page coming soon, un minuteur en direct garde les visiteurs engagés et concentrés sur ce qui arrive. Le Générateur de Compte à Rebours produit un extrait HTML autonome que vous pouvez coller sur n'importe quel site — WordPress, Shopify, Webflow, Notion, HTML pur — sans ajouter de bibliothèques ni de dépendances externes.

Ce Que Vous Obtenez

Un <div> et un <script> en ligne. Sans CDN, sans npm, sans compilation. Le script se rafraîchit chaque seconde et gère automatiquement l'état d'expiration.

Personnalisez

Date et heure cibles — choisissez exactement quand le compte à rebours se termine.
Étiquette — une ligne de texte au-dessus des cases (ex. « Lancement dans », « La vente se termine dans »).
Message d'expiration — ce qui s'affiche quand le minuteur atteint zéro (« Nous sommes en direct ! », « Épuisé », etc.).
Thème — Sombre, Clair ou Minimal (hérite de la police et des couleurs du site parent).

Idéal Pour

Lancements de produits et campagnes Kickstarter
Ventes flash, Black Friday, offres à durée limitée
Comptes à rebours avant des webinaires ou diffusions en direct
Comptes à rebours pour mariages et événements
Pages de destination coming soon

Notes Techniques

L'extrait repose uniquement sur du JavaScript vanilla et du CSS en ligne. Il utilise un ID aléatoire unique pour que vous puissiez placer plusieurs minuteurs sur la même page sans conflits. Le compte à rebours utilise l'horloge de l'appareil du visiteur — pour les minuteurs marketing strictement synchronisés, envisagez un fallback côté serveur.

Confidentialité

Le générateur fonctionne entièrement dans votre navigateur. Nous ne voyons jamais votre date cible, votre étiquette ni les pages où vous utilisez l'extrait.