Eklablog Tous les blogs
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Eklablog : Javascript, CSS, HTML et astuces diverses

[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 ».

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
S
Bonjour à tous,<br /> Le code permet un affichage AVANT date & heure, et éventuellement un autre APRES, dans l'instant qui suit.<br /> J'ai modifié  légèrement le code pour disposer aussi d'un affichage PENDANT la durée d'un évènement (le jour de Noël par exemple)<br /> Si ça intéresse suivre ce lien:http://bricotest.eklablog.com/compteur-a-rebours-pour-avant-pendant-apres-a215869841
Répondre
G
Bonjour, le compte a rebours fonctionne parfaitement sur mon site un grand merci.<br /> 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 
Répondre
P
Merci !<br /> Le compte à rebours fonctionne parfaitement.<br /> Et bravo pour votre site qui permet de comprendre et d'utiliser pleinement d'Eklablog.<br /> Mon site est une sorte de "poubelle" sur lequel j'expérimente pour aider mon épouse à gérer le site culturel de son association : <br /> http://lecdial.eklablog.com/<br /> Merci de partager vos connaissances<br /> Michel
Répondre
Z
Merciiiiii
Répondre
G
Bonjour,<br />  <br /> Merci pour cet outil extrêmement pratique pour mon club qui organise toutes sorte d'activités avec des dates.<br /> 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.<br />  <br /> Merci pour ton aide.<br />  <br /> Jean-Marc
Répondre