JavaScript Horloge

L'exemple ci-dessous montre l'utilisation d'un JavaScript pour afficher l'heure

ATTENTION : L'heure affichée est celle du client. Pour vérifier, changer l'heure de votre ordinateur !

Ci-dessous, le code pour afficher l'heure dans une page WEB 

<!DOCTYPE html>
<html>

<script language="javascript">
 
	function startTime() 
	{
		var today = new Date();		// récupération de l'heure client
		var h = today.getHours();	// extraction de l'heure
    	var m = today.getMinutes();	// extraction des minutes
    	var s = today.getSeconds();	// extraction des secondes

    	h = checkTime(h);			// appel de la fonction ci-dessous
    	m = checkTime(m);			// pour
    	s = checkTime(s);			// formattage de l'affichage : ajout d'un zéro

    	document.getElementById('txt').innerHTML =  "<h2>"+h + ":" + m + ":" + s+"</h2>";

		var t = setTimeout(startTime, 1000);  // rappel de la fonction toutes les secondes
	}

	function checkTime(i) 
	{
		if (i < 10) 
		{
			i = "0" + i ;  // ajout d'un zéro devant les nombres < 10
		}
		return i;
	}

</script>



<body onload="startTime();">   <!-- démarrage au chargement de la page -->

	<div id="txt" style="font-size:150px;" align="center"></div>

</body>

</html>
Voir