Compte à rebours jours, heures, minutes et secondes en JavaScript - Javascript

Petite explication sur la manière de faire un compte à rebours en JavaScript, pour un lancement, etc. Rapide et efficace !

Bonjour,

Comme on m'a demandé plusieurs fois un script Javascript (JS) pour mettre en place un compte à rebours sur un site internet, je vais vous donner un petit script qui indique le nombre de jours, d'heures, de minutes, et de secondes restantes avant un évênement (dont bien sûr, vous fixez la date).

Voici donc le bout de code à insérer où vous le souhaitez :

Code

<label id="Compte"></label>
<script type="text/JavaScript">
var Affiche=document.getElementById("Compte");
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Oct 1 00:00:00 2008");
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>

A modifier : Pour choisir votre date, il vous suffit de changer la partie en gras dans le code ci-dessus.

Citation

("Oct 1 00:00:00 2008")

Le mois est à laisser en trois lettres, 1 est le jour du mois (il ne sert a rien de mettre un 0), et 00:00:00 représente heures:minutes:secondes.

Bien entendu, le compte à rebours est dynamique et s'actualise tout seul... Sourire

Par habboalexandre , Le 18 Septembre 2008 à 18h52
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Javascript

Ajouter un commentaire

Commentaires sur cet article

Lezouave33 - Le 26 Août 2010 à 13h47

Bravo ! Et merci pour ce code.

Kenny - Le 17 Août 2010 à 22h39

Comment on fait pour recuperer dynamiquement par le biais de la fonction DATE en php la date du serveur ?

Dreamer - Le 31 Juillet 2010 à 01h04

en réponse à Neoxyde

il te suffit de remplacer

var date1 = new Date();

par

var date1 = new Date("xxxx");

et a la place des XXXX tu recupere dynamiquement par le biais de la fonction DATE en php la date du serveur par exemple

Neoxyde - Le 08 Juillet 2010 à 13h03

Une petite question. Le compteur s'actualise selon l'heure et la date de l'ordinateur. Y a t il possibilité de la fixer par rapport à un fuseau horaire?
Merci d'avance

mazda - Le 15 Juin 2010 à 02h34

Merçi ça marche bien

Pouzy - Le 12 Juin 2010 à 18h25

L'un est Jun, l'autre Jul Clin d'oeil

Bane - Le 12 Juin 2010 à 14h21

Auh... Juste un truc, comment on différencie juin et juillet si on doit l'indiquer en 3 lettres? C'est les 3 premières lettres en anglais?

Barricade - Le 27 Mai 2010 à 02h44

Merci

DrakoMino - Le 11 Juillet 2009 à 05h17

merci pour votre aide

~GoT~ - Le 12 Octobre 2008 à 18h21

Dommage que tu n'explique pas comment placer un événement