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

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 :

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

("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... :)

Par habboalexandre, le 18 Septembre 2008 à 18h52

Retour à Javascript

Ajouter un commentaire :

Commentaires sur ce tutoriel