Ce script est déclaré obsolète. Il n'est conservé que pour information.

Script : Horloge DHTML

Horloge dynamique. Ressemble à une horloge JAVA, mais c'est du JavaScript qui fonctionne avec Internet Explorer et Netscape version 4 et plus.

<HTML>
<HEAD>
<TITLE>JScript - Horloge DHTML </TITLE>
<SCRIPT LANGUAGE="JavaScript">
//D'autres scripts sur http://www.multimania.com/jscript
//Si vous utilisez ce script, merci de m'avertir ! 	< jscript@multimania.com >

}
function InitHorloge(x,y) {
	for (var i=0;i<60;i++) {
		dispLayer(x+60,y,"sec",i);
		dispLayer(x+30,y,"min",i);
	}
	for(i=0;i<24;i++) {
		dispLayer(x,y,"heure",i);
	}
	Heure();
}
function Heure() {
	var d=new Date;
	var sec=d.getSeconds();
	var min=d.getMinutes();
	var heure=d.getHours();
	if (document.layers) {
		document.layers["sec"+sec].visibility="show";
		document.layers["min"+min].visibility="show";
		document.layers["heure"+heure].visibility="show";
		if (old_sec!=sec) {document.layers["sec"+old_sec].visibility="hide"; old_sec=sec;	}
		if (old_min!=min) {document.layers["min"+old_min].visibility="hide"; old_min=min;	}
		if (old_heure!=heure) {document.layers["heure"+old_heure].visibility="hide"; old_heure=heure;}
	}
	if (document.all) {
		document.all["sec"+sec].style.visibility="visible";
		document.all["min"+min].style.visibility="visible";
		document.all["heure"+heure].style.visibility="visible";
		if (old_sec!=sec) {document.all["sec"+old_sec].style.visibility="hidden"; old_sec=sec;	}
		if (old_min!=min) {document.all["min"+old_min].style.visibility="hidden"; old_min=min;	}
		if (old_heure!=heure) {document.all["heure"+old_heure].style.visibility="hidden"; old_heure=heure;}
	}
	setTimeout("Heure()",1000);
}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
<CENTER>Voici une horloge en JavaScript et DHTML, compatible IE et Netscape</CENTER>
<SCRIPT language="JavaScript">

</SCRIPT>

</FONT></BODY></HTML>

Exécution du script

Code source

<HTML><HEAD><TITLE>JScript - Horloge DHTML </TITLE><SCRIPT LANGUAGE="JavaScript">//D'autres scripts sur http://www.multimania.com/jscript//Si vous utilisez ce script, merci de m'avertir !     < jscript@multimania.com >var old_sec=0;var old_min=0;var old_heure=0;function disp(txt) {document.write(txt);}function dispLayer(x,y,nom,indice) {    var aff=indice; if (indice<10) {aff="0"+indice;}    if (document.layers) {        disp("<LAYER name='"+nom+indice+"' top="+y+" left="+x+"' visibility='hide'>");        disp("<FONT size='-1' face='Courrier new'><BIG><BIG><B>"+aff+"</B></BIG></BIG></FONT>");        disp("</LAYER>");    }    if (document.all) {        disp("<DIV id='"+nom+indice+"' style='position:absolute;top:"+y+";left:"+x+";visibility:hidden'>");        disp("<FONT size='-1' face='Courrier new'><BIG><BIG><B>"+aff+"</B></BIG></BIG></FONT>");        disp("</DIV>");    }}function InitHorloge(x,y) {    for (var i=0;i<60;i++) {        dispLayer(x+60,y,"sec",i);        dispLayer(x+30,y,"min",i);    }    for(i=0;i<24;i++) {        dispLayer(x,y,"heure",i);    }    Heure();}function Heure() {    var d=new Date;    var sec=d.getSeconds();    var min=d.getMinutes();    var heure=d.getHours();    if (document.layers) {        document.layers["sec"+sec].visibility="show";        document.layers["min"+min].visibility="show";        document.layers["heure"+heure].visibility="show";        if (old_sec!=sec) {document.layers["sec"+old_sec].visibility="hide"; old_sec=sec;    }        if (old_min!=min) {document.layers["min"+old_min].visibility="hide"; old_min=min;    }        if (old_heure!=heure) {document.layers["heure"+old_heure].visibility="hide"; old_heure=heure;}    }    if (document.all) {        document.all["sec"+sec].style.visibility="visible";        document.all["min"+min].style.visibility="visible";        document.all["heure"+heure].style.visibility="visible";        if (old_sec!=sec) {document.all["sec"+old_sec].style.visibility="hidden"; old_sec=sec;    }        if (old_min!=min) {document.all["min"+old_min].style.visibility="hidden"; old_min=min;    }        if (old_heure!=heure) {document.all["heure"+old_heure].style.visibility="hidden"; old_heure=heure;}    }    setTimeout("Heure()",1000);}</script></HEAD><BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" ><FONT FACE="Arial" SIZE='-1' COLOR="#000099"><CENTER>Voici une horloge en JavaScript et DHTML, compatible IE et Netscape</CENTER><SCRIPT language="JavaScript"><!--    InitHorloge(300,100);//--></script></FONT></BODY></HTML><!-- Script développé par Olivier Hondermarck  Mail: jscript@multimania.com --><!-- D'autres scripts et des conseils sur http://www.multimania.com/jscript -->

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...

Script : Horloge DHTML

Exécution du script

Code source

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets JavaScript