https://aprende-web.net/jspracticas/tiempo/tiempo1.php
Código de la página de ejercicio "reloj".
01 : 29 : 45
Código en HTML
Código:
<div id="reloj" class="reloj">00 : 00 : 00
</div>
Código en CSS
Código:
.reloj { width: 150px; height: 30px; padding: 5px 10px; border: 1px solid black;
font: bold 1.5em dotum, "lucida sans", arial;
text-align: center;
float: right; margin: 1em 3em 1em 1em; }
Código en Javascript
Código PHP:
function actual() {
fecha=new Date(); //Actualizar fecha.
hora=fecha.getHours(); //hora actual
minuto=fecha.getMinutes(); //minuto actual
segundo=fecha.getSeconds(); //segundo actual
if (hora<10) { //dos cifras para la hora
hora="0"+hora;
}
if (minuto<10) { //dos cifras para el minuto
minuto="0"+minuto;
}
if (segundo<10) { //dos cifras para el segundo
segundo="0"+segundo;
}
//ver en el recuadro del reloj:
mireloj = hora+" : "+minuto+" : "+segundo;
return mireloj;
}
function actualizar() { //función del temporizador
mihora=actual(); //recoger hora actual
mireloj=document.getElementById("reloj"); //buscar elemento reloj
mireloj.innerHTML=mihora; //incluir hora en elemento
}
setInterval(actualizar,1000); //iniciar temporizador