horloge

Horloge en DHTML

Dans la partie HEAD :

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

Dans la partie BODY :

Retour