-
[SCRIPT] Insérer un compte à rebours sur le blog
Il existe de nombreux sites permettant de générer des comptes à rebours pour un blog.
Ceux-ci sont souvent en anglais et limités.
Mais si le javascript est activé pour votre blog vous pouvez également créer votre compte à rebours personnalisé.
Voici par exemple un compte à rebours jusqu'au nouvel an 2015 :
Le code est relativement simple :
- calcul du temps restant avec les fontions de date ;
- affichage à interval régulier grâce à la fonction setTimeout.
Pour vous faciliter la tâche et éviter d'écrire le code à la main, voici un Générateur de compte à rebours.
Paramétrez votre compteur (aucune connaissance en Javascript n'est requise), puis copiez-collez le code généré dans l'éditeur Code source d'un article ou d'un module.
Pour ajouter un compte à rebours dans un menu, ajoutez un module de type « Module simple ».
« [SCRIPT] $ et $$ : sélection d'éléments en Javascript[CSS] Déplacer un élément dans l'en-tête du blog »
-
Commentaires
Merci pour le compteur mais moi sa marche pas :/ Il affiche les deux compte (la fin et le début) mais aucune animation x.x
Bonjour,
Après quelques essais infructueux par manque d'attention, je viens de mettre en service ce compteur. Il fonctionne bien.
J'apprécie la richesse des explications et la surtout le générateur de code qui offre la possibilité de tester la personnalisation avant de s'approprier le code.
Merci.
Actuellement l'affichage calcule le temps restant avant le jour de Noêl, avant de s'occuper du jour de l'an, puis d'être rangé "dans la caisse à outils"
Bonjour
Après plusieurs tentatives d'intégration du code j'ai renoncé ! le cadre s'affichait mais le code se retrouvait en clair en-dessous !
Javascript est bien activéBonjour,
Je n'arrive pas le faire fonctionner sur mon blog
Je ne sais pas ou activer le javascript
Merci de votre aide
Je n'y arrive pas.
Je voudrai mettre "partis depuis" mais j'ai juste le cadre et quand je clique sur "valider" j'ai juste des lignes de codes comme module avec le petit carré qui entoure le compteur.
Déprime !
Je précise que Java Script est bien fonctionnel.
Une explication sur comment copier-coller ?
Je suis absolument nulle en langage informatique donc là c'est incompréhensible. J'ai rempli tout comme il fallait. Help !
Bonjour et merci : quel boulot pour nous simplifier tout ça !
Moi qui ne suis pas douée en codage, j'ai failli réussir je ne sais pas si c'est lié au JS, à l'éditeur EB ou à des 0 et des 1 qui faisaient la fête, mais mes essais ne réussissaient... que le temps de l'essai justement :(
Mais stormalo m'a bien aidée, du coup j'ai mis (dans les pages du Répertoire) un compte à rebours Noël et hop Nouvel An , avec qqs modifs d'affichage, et même une image à la fin du décompteEncore merci pour tout ce travail, même si perso je n'y arrive pas toujours du premier coup, c'est du très bon boulot, bien fait et réussi !
Bonjour,
Merci pour le compte à rebours.
Est il possible et surtout comment, modifier le code afin que lorsque les colonnes qui arrivent à zéro (J,H,M,S) , ne créent plus cet effet visuel 'yoyo' lorsqu'elles passent à un seul chiffre (la dizaine inférieure). Ne peut on pas inscrire un zéro en lieu et place du vide ? Merci d'avance et re merci pour le très bon travail précédemment effectué ;))
Enfin un code qui marche et enfin mon compte à rebours est installé un grand merci car sérieux j'y croyais plus
11GallyJeudi 5 Mars 2020 à 13:24Bonjour,
Merci pour cet outil extrêmement pratique pour mon club qui organise toutes sorte d'activités avec des dates.
J'aurai voulu pouvoir afficher deux compteurs sur la même page mais je n'y arrive pas. J'ai réussi a afficher deux compteurs avec deux dates différentes mais un seul décompte c'est le mieux que je peux faire avec mes connaissances extrêmement réduite en html.
Merci pour ton aide.
Jean-Marc
12ZizouJeudi 6 Août 2020 à 02:25Merci !
Le compte à rebours fonctionne parfaitement.
Et bravo pour votre site qui permet de comprendre et d'utiliser pleinement d'Eklablog.
Mon site est une sorte de "poubelle" sur lequel j'expérimente pour aider mon épouse à gérer le site culturel de son association :
Merci de partager vos connaissances
Michel
Bonjour, le compte a rebours fonctionne parfaitement sur mon site un grand merci.
Cependant, le texte ne respecte pas vraiment la responsivité et le compte à rebours pas du tout et je n'arrive pas a rendre ceci responsive pour les utilisateurs smartphone
Ajouter un commentaire
Oh c'est super ça ! souvent pour certaines occasions ce me sera bien utile
merci je te mets dans mes favoris