<!DOCTYPE html>
<html>
<head>
<title>reloj</title>
<script type=»text/javascript»>
function muestraReloj(){
var fechaHora = new Date();
//Date es un objeto interno proporcionado por javascript con el que se pueden realizar otras muchas mas funciones que simplemente dar la hora.
var horas = fechaHora.getHours();
var minutos = fechaHora.getMinutes();
var segundos = fechaHora.getSeconds();
//en las lineas superiores se crean las funciones que mostraran la hora, minutos y segundos del sistema
if(horas < 10) { horas = ‘0’ + horas; }
if(minutos < 10) { minutos = ‘0’ + minutos; }
if(segundos < 10) { segundos = ‘0’ + segundos; }
//aquí añadimos un cero cuando sea nacesario… por cuestiones de «elegancia»
//si «min,horas o seg tiene un digito inferior a 10 añade el cero a la IZQUIERDA del mismo
document.getElementById(«reloj»).innerHTML = horas+’:’+minutos+’:’+segundos;
//Aquí llamo al id=»reloj» y mediante el innerHTML introducire en el body los separadores de los digitos y los mismos ndigitos que muestran la hora
}
window.onload = function() {
setInterval(muestraReloj, 3000);
//setInterval para ejecutar la funcion de forma periodica
};
</script>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width»>
</head>
<body>
<h1>la hora ahora es…</h1>
<p>cargando…</p>
<div id=»reloj»></div>
</body>
</html>