¿Cómo mostrar la hora actual en mi página web con JavaScript?

Si desea mostrar la hora actual en su página web con HTML y JavaScript, para eso creemos una función de JavaScript que muestre la hora real en el formato hh:mm:ss, por ejemplo: 22:45:03.


Primero crearemos el html y la etiqueta que obtendrá la hora actual:

<h1 id="HoraActual"> </h1>

Ahora usar la siguiente función para actualizar la fecha:

function showTime(){
myDate = new Date();
hours = myDate.getHours();
minutes = myDate.getMinutes();
seconds = myDate.getSeconds();
if (hours < 10) hours = 0 + hours;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
$("#HoraActual").text(hours+ ":" +minutes+ ":" +seconds);
setTimeout("showTime()", 1000);

}

Mandamos llamar la función de la hora y se la asignamos a la etiqueta h1, esta se mandará llamar cada segundo utilizando la función setTimeout.

setTimeout(”showTime()”, 1000);
Ver Demo
Artículos relacionados
0 Comentarios
Enviame un comentario