Abel Poucet Webdesign
Accueil du site > tools > Un compte à rebours en javascript et PHP

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


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

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

Vos réactions

Blackos, [27 mars 2008]

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éagir

(Vous pouvez laisser un message en remplissant les champs ci-dessous)


Votre réaction :

Navigation alternative :

Contact

  • 14 bis, bd de l'Hôpital 75005 Paris
  • 06 81 35 98 00

Navigation / syndication

logo abel                        © Abel Poucet Webdesign - Motorisé par SPIP - Webdesign : Abel Poucet