Cómo mostrar la hora digital en HTML

Información del autor

No puedes mostrar un reloj digital en HTML. Para esto, necesitas añadir JavaScript a HTML. Este artículo te mostrará cómo.

Pasos

1
Abre un editor de texto como Bloc de notas o Notepad++ en Windows o TextEdit en una Mac.

2

Crea un documento HTML con el siguiente código:

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

3
Guarda la página. Personaliza el nombre del archivo para que lo puedas distinguir cuando estés en vista de lectura de la página. Con esto obtendrás el enlace HTML en lugar del enlace JavaScript.
4
Abre el archivo. Podrás ver el reloj digital en HTML.

Anuncio