retour
(d'après un script de www.ccim.be/ccim328/js/index.html)
Mettre une horloge dans sa page est simple...
Une fonction assure la mise à l'heure et ici le placement de l'heure dans un champ :
function getDt() { dt=new Date(); heure=dt.getHours(); min=dt.getMinutes(); sec=dt.getSeconds(); tm=" "+((heure<10)?"0":"")+heure+":"+((min<10)?"0":"")+ min+":"+((sec<10)?"0":"")+sec; document.horloge.display.value=tm; setTimeout("getDt()",1000); } Les premières lignes sont classiques. - tm inclue une forme particulière du SI. Le but est de mettre 0 devant le nombre quand il est formé d'un seul caractère. (20:04:02 et non 20:4:2) - document.horloge.display.value=tm; met tm dans le champ. - setTimeout("getDt()",1000); assure le rappel de la fonction toutes les 1000 ms soit toutes les secondes. C'est donc la fonction centrale de mise à l'heure.
function getDt() { dt=new Date(); heure=dt.getHours(); min=dt.getMinutes(); sec=dt.getSeconds(); tm=" "+((heure<10)?"0":"")+heure+":"+((min<10)?"0":"")+ min+":"+((sec<10)?"0":"")+sec; document.horloge.display.value=tm; setTimeout("getDt()",1000); }
function getDt() { dt=new Date(); heure=dt.getHours(); min=dt.getMinutes(); sec=dt.getSeconds(); tm=" "+((heure<10)?"0":"")+heure+":"+((min<10)?"0":"")+ min+":"+((sec<10)?"0":"")+sec; document.horloge.display.value=tm; setTimeout("getDt()",1000);
}
Les premières lignes sont classiques. - tm inclue une forme particulière du SI. Le but est de mettre 0 devant le nombre quand il est formé d'un seul caractère. (20:04:02 et non 20:4:2) - document.horloge.display.value=tm; met tm dans le champ. - setTimeout("getDt()",1000); assure le rappel de la fonction toutes les 1000 ms soit toutes les secondes. C'est donc la fonction centrale de mise à l'heure.
Dans le corps du programme, il suffit de faire l'appel de la fonction au départ :
<BODY onLoad="getDt()">
Puis de créer le champ nommé display.