Blog

Un compte à rebours en javascript et PHP

Tags :

Créer un compte à rebours en javascript afin d’annoncer un événement à venir.

Voir l’exemple

J’ai trouvé un javascript sur jejavascript.net qui récupérait la date du client et la comparait avec une date date donnée en dure. Je l’ai modifié en allant chercher la date du serveur (plus fiable) avec PHP :

<script language="javascript">
datedujour = new Date(<?=date('Y,m-1,d')?>);//recupere la date du serveur
date_even = new Date(2011, 1, 12); //janv =0 > decemb =11
date1=datedujour.getTime();
date2=date_even.getTime();
nbrej= date2-date1;
nbrej= Math.round((Math.round(nbrej)/1000)/60/60/24);
document.write("<font size=\"4\" face=\"Verdana, Arial, Helvetica, sans-serif\">Il reste <b>"+nbrej+"</b> jours avant le 12 février 2011</font>");
</script>

Préciser la date de l’événement à venir dans "date_even" (Année, mois, jour). Attention les mois vont de 0 à 11 (et non de 1 à 12). Par exemple, la date (2011, 1, 12) correspond au 12 février 2011 :

date_even = new Date(2011, 1, 12);

Vous pouvez ajouter du texte conditionnel avant et après le "nombre de jours" dans "document.write". (Vous pouvez également y insérer des balises HTML pour le format du texte, N’oubliez pas le \ devant les ") :

document.write("<font size=\"4\" face=\"Verdana, Arial, Helvetica, sans-serif\"><b>Il reste "+nbrej+" jours avant le 12 février 2011</b></font>");

Voir en ligne : http://www.jejavascript.net/cpte_re...

Vos commentaires

  • Le 27 mars 2008 à 16:08, par Blackos En réponse à : Un compte à rebours en javascript et PHP

    Super comme script.. mais dis moi,
    comment ferais-tu un compte à rebours de manière suivante :
    hh-mm-ss

    Et une fois le compte à rebours écoulé, que se passe t-il ?

Répondre à cet article


Un message, un commentaire ?
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)

Suivre les commentaires : RSS 2.0 | Atom

© 2012 - Abel Poucet web design