Biblioscript.com : Il reste combien de temps avant noël ?

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Le temps

Compte à rebours

	Fonction

		Le but de ce script est de proposer un compte à rebours à partir de n'importe quelle date, du moment qu'elle n'est pas encore passé ;-)).

	Principe

		On détermine la date à atteindre, la valeur d'une année, d'un jour, d'une heure, d'une minute et d'une seconde, tout ça en millisecondes (unité de calcul de temps des ordinateurs), puis on compare la date du jour avec la date à atteindre (en millisecondes), et on découpe cette différence en années, jours, heures, minutes et secondes grâce aux données déterminées préalablement. Il ne reste plus qu'à placer chaque résultat dans un champ de formulaire et à relancer la fonction pour actualiser toutes les secondes.

	Le script

dans la partie <head>

// la date à partir de laquelle on compte
var cible = new Date("December 24, 2001 23:59:59");

// nombre de millisecondes par an, jour, heure, minute et seconde
var mms_an = 365 * 24 * 60 * 60 * 1000;
var mms_jour = 24 * 60 * 60 * 1000;
var mms_heure = 60 * 60 * 1000;
var mms_minute = 60 * 1000;
var mms_seconde = 1000;

function decompte() {

// la date courante

var aujourdhui = new Date();

// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindre

var change_a = -1;

var change_j = -1;

var change_h = -1;

var change_m = -1;

// le total de millisecondes de différences

var diff_mms = cible.getTime() - aujourdhui.getTime();

// le nombre d'année(s) entière(s) de différence

diff_annee = Math.floor(diff_mms / mms_an);

// on retire le nombre d'années, fois le nombre de millisecondes par an, de la différence entre aujourd'hui et la date à atteindre

diff_mms -= diff_annee * mms_an;

// pareil pour les jours

diff_jours = Math.floor(diff_mms / mms_jour);

diff_mms -= diff_jours * mms_jour;

// pour les heures

diff_heures = Math.floor(diff_mms / mms_heure);

diff_mms -= diff_heures * mms_heure;

// les... minutes, bravo ;-)

diff_minutes = Math.floor(diff_mms / mms_minute);

diff_mms -= diff_minutes * mms_minute;

// les secondes, ce qui reste en fait.

var diff_secondes = Math.floor(diff_mms / mms_seconde);

// on affecte nos résultats aux champs du formulaire

document.formulaire.annees.value = diff_annee;

document.formulaire.jours.value = diff_jours;

document.formulaire.heures.value = diff_heures;

document.formulaire.minutes.value = diff_minutes;

document.formulaire.secondes.value = diff_secondes;

// on relance la fonction pour actualiser à la seconde

setTimeout("decompte()",1000);

}
</script>

dans la partie <body>

<body onLoad="decompte()">

<form name="formulaire">
Il reste encore :
<input type="text" name="annees" size="2"> an
<input type="text" name="jours" size="3"> jours
<input type="text" name="heures" size="2"> heures
<input type="text" name="minutes" size="2"> minutes
<input type="text" name="secondes" size="2"> secondes avant Noël 2001 !
</form>

	Démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

time_an2000.zip
1 Ko

Script séparé :

time_an20002.zip
2 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques