# Générateur de bannière compte à rebours Génère une bannière de compte à rebours en temps réel (HTML+JS, sans dépendance) à intégrer sur n'importe quelle page. Thèmes, textes localisés, mode unique ou hebdomadaire récurrent, bascule vers « terminé ». > Page canonique: https://elysiatools.com/fr/tools/live-countdown-banner-generator - **Catégorie:** Generator - **Mots-clés:** compte à rebours, bannière, minuteur, lancement, événement ## Présentation Une bannière compte à rebours autonome sans dépendance, à coller dans toute page HTML, Markdown ou site statique. \*\*Comment.\*\* Vous donnez un instant cible (date + heure + fuseau). Le générateur produit un bloc \` \` avec CSS inline et un minuteur JS pur qui recalcule jours/heures/minutes/secondes chaque seconde. Sans iframe, sans requête externe, sans build. \*\*Modes.\*\* - \*\*Unique\*\* — décompte jusqu'à la cible, puis fige à zéro et remplace le label par votre message expiré. - \*\*Récurrent (hebdo)\*\* — après la cible, avance par bonds de 7 jours jusqu'à la prochaine occurrence. Pour les lives hebdos. \*\*Thèmes.\*\* Cinq styles intégrés (violet, coucher de soleil, bleu, clair minimaliste, sombre). \*\*Localisation.\*\* Les labels (Jours/Heures/Minutes/Secondes/Terminé) sont intégrés dans la langue choisie. ## Entrées - **Date et heure cibles** (text): e.g. 2026-12-31T23:59 - **Fuseau horaire** (text): e.g. America/New_York (default: UTC) - **Titre / étiquette** (text): e.g. Product launch in - **Message expiré** (text): e.g. The event has started! - **Thème** (select) - **Mode** (select) - **Langue** (select) - **Afficher les secondes** (checkbox) ## Quand l'utiliser - Lors de la préparation du lancement d'un produit ou d'un service pour susciter l'intérêt des visiteurs. - Pour annoncer un événement récurrent, comme un webinaire ou un livestream hebdomadaire. - Pour afficher une urgence visuelle sur une page de vente ou une offre promotionnelle à durée limitée. ## Fonctionnement - Saisissez la date et l'heure cibles de votre événement, puis sélectionnez le fuseau horaire approprié. - Personnalisez l'apparence en choisissant un thème de couleur, la langue des étiquettes et le mode de décompte (unique ou hebdomadaire). - Copiez le code HTML généré contenant le balisage, les styles CSS inline et le script JavaScript autonome. - Collez le code directement dans le code source de votre site web ou de votre plateforme de blog. ## Cas d'usage - Intégration d'un minuteur de lancement sur une page d'atterrissage statique. - Affichage d'un compte à rebours automatique pour un rendez-vous hebdomadaire récurrent sur un blog. - Création d'une bannière d'urgence temporaire pour une campagne de soldes de fin d'année. ## Questions fréquentes ### Le compte à rebours nécessite-t-il des bibliothèques externes ? Non, le code généré utilise uniquement du HTML, du CSS inline et du JavaScript natif sans aucune dépendance externe. ### Comment fonctionne le mode récurrent hebdomadaire ? Une fois la date cible dépassée, le minuteur ajoute automatiquement des cycles de 7 jours pour afficher le décompte vers la prochaine occurrence. ### Puis-je masquer les secondes sur le minuteur ? Oui, il suffit de désactiver l'option d'affichage des secondes lors de la configuration de votre bannière. ### Que se passe-t-il lorsque le compte à rebours atteint zéro ? En mode unique, le minuteur se fige à zéro et affiche le message personnalisé d'expiration que vous avez défini. ### Le script fonctionne-t-il dans les e-mails ? Le style visuel s'affiche correctement grâce au CSS inline, mais la plupart des clients de messagerie bloquent le JavaScript nécessaire à l'animation en temps réel. ## Outils associés - [Générateur de signature e-mail HTML](https://elysiatools.com/fr/tools/email-signature-html-builder): Génère une signature e-mail HTML propre, prête à copier-coller, qui s’affiche correctement dans Gmail, Outlook et Apple Mail — avec avatar/logo, icônes de réseaux sociaux (auto-détectées depuis vos liens), couleur d’accent, thème clair/sombre/auto et une mise en page tabulaire sécurisée pour le courrier avec styles en ligne. Copiez le HTML et collez-le dans votre client. - [Extracteur dimages et captions PDF](https://elysiatools.com/fr/tools/pdf-image-caption-extractor): Extrait les images PDF, associe les captions voisines et genere un index HTML navigable - [Générateur de sprite sheet SVG](https://elysiatools.com/fr/tools/svg-sprite-generator): Téléversez jusqu'à 30 icônes SVG et fusionnez-les en une seule sprite sheet : mode pour en ligne, mode pour fragments de fichier externe. Normalise le viewBox (déduit de width/height), déduplique les icônes, peut retirer fill/stroke pour currentColor, nettoie toujours et attributs on\*, et génère les snippets HTML / React / Vue / CSS avec aperçu en direct de chaque icône. - [Generateur de heatmap d accessibilite](https://elysiatools.com/fr/tools/accessibility-heatmap-generator): Genere une heatmap d accessibilite centree sur le contraste a partir d une capture ou de HTML et suggere des couleurs - [Generateur de Documentation API](https://elysiatools.com/fr/tools/api-doc-generator): Genere une documentation API elegante a partir de OpenAPI ou de commentaires annotés - [Générateur de Data URI](https://elysiatools.com/fr/tools/data-uri-generator): Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown - [Générateur de Factures PDF](https://elysiatools.com/fr/tools/pdf-invoice-generator): Génère une facture PDF avec marque à partir de lignes structurées - [Convertisseur de formules AsciiMath / LaTeX / MathML](https://elysiatools.com/fr/tools/asciimath-latex-mathml-equation-converter): Convertit des formules entre AsciiMath, LaTeX et MathML : détecte le format d'entrée et produit du LaTeX canonique, du MathML de présentation annoté, une rétro-traduction AsciiMath approximative, un extrait aria-label pour lecteurs d'écran et un aperçu KaTeX. ## Exemples - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format - [Exemples de Traitement d'Images Android Java](https://elysiatools.com/fr/samples/android-image-processing-java): Exemples de traitement d'images Android Java incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Android Kotlin](https://elysiatools.com/fr/samples/android-image-processing-kotlin): Exemples de traitement d'images Android Kotlin incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Web Rust](https://elysiatools.com/fr/samples/web-image-processing-rust): Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format