• [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 :

    1. calcul du temps restant avec les fontions de date ;
    2. 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

    1
    Jeudi 12 Juin 2014 à 20:31

    Oh c'est super ça ! souvent pour certaines occasions ce me sera bien utile

    merci je te mets dans mes favoris

    2
    Mardi 16 Décembre 2014 à 14:18

    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

    3
    Jeudi 18 Décembre 2014 à 21:12

    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"

    4
    Mercredi 29 Avril 2015 à 21:57

    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é

    5
    Mercredi 8 Juillet 2015 à 19:20

    Bonjour,

    Je n'arrive pas le faire fonctionner sur mon blog

    Je ne sais pas ou activer le javascript

    Merci de votre aide

     

    6
    Mercredi 30 Septembre 2015 à 15:01

    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 !

    7
    Mercredi 25 Octobre 2017 à 11:44

    Merci ! modifiable à souhait  et simplement ! toujours valable en 2017

    8
    Mercredi 27 Décembre 2017 à 15:48

    Bonjour et merci : quel boulot pour nous simplifier tout ça !  cool

    Moi qui ne suis pas douée en codage, j'ai failli réussir he  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écompte  yes

    Encore 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 ! 

     

    9
    Samedi 6 Octobre à 15:47

    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é ;))

    10
    Samedi 20 Octobre à 01:05

    Enfin un code qui marche et enfin mon compte à rebours est installé un grand merci car sérieux j'y croyais plus

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :