Franc83

Horloge dynamique

25-09-2008

Une horloge javascript dynamique

Horloge texte en Dynamic HTML qui fonctionne sous Netscape 4+ et Internet Explorer 4+.
La position de l'horloge est paramétrable au pixel près.
Le style de l'affichage de l'horloge est paramétrable dans le formalisme des feuilles de style.

Exemples

- Ecrire en arial, gras, vert en 12 pixels :
style="font-family:arial;font-size:12px;font-weight:bold;color:green"
- Ecrire en arial, noir en 12 points :
style="font-family:arial;font-size:12pt;color:black"

Ce sont les deux script qui doivent être insérés dans votre page pour faire foncitonner l'horloge :

<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts sur http://www.toutjavascript.com
var H=new Object;
function AffHorloge() {
var d=new Date();
var heure=d.getHours();
var min=d.getMinutes();
var sec=d.getSeconds();
if (heure<10) heure="0"+heure;
if (min<10) min="0"+min;
if (sec<10) sec="0"+sec;
contenu="<SPAN style='"+H.CSS+"'>"+heure+":"+min+":"+sec+"</SPAN>"; if (document.layers) {
document.layers["horloge"].document.write(contenu);
document.layers["horloge"].document.close();
}
if (document.all) {horloge.innerHTML=contenu;}
setTimeout("AffHorloge()",1000);
}function InitHorloge(X,Y,CSS) {
H.CSS=CSS;H.X=X;H.Y=Y;
if (document.all) {
document.write("<DIV id='horloge' style='position:absolute;top:"+Y+";left:"+X+";visibility:show'></DIV>");
AffHorloge();
}
if (document.layers) {
document.write("<LAYER name='horloge' top='"+Y+"' left='"+X+"' visibility='show'></LAYER>");
setTimeout('AffHorloge()',200);
}
}
</SCRIPT>

<SCRIPT language="javascript">
InitHorloge(250,250,"font-family:verdana,arial;font-size:30px;font-weight:bold;color:orange");
</SCRIPT>

Et voici le résultat :

Citez cet article

Commenter cet article

Commenter
Les messages comportant des attaques verbales contre les personnes seront supprimés. Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur. Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:
Commentaire
Code:*
	Je désire être prévenu par mail des commentaires qui suivront