¿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
¿Cómo ordenar listas con jQuery?
¿Cómo ordenar listas con jQuery?

En este artículo se muestra cómo crear una lis

10 cosas impresionantes que se construyeron con CSS
10 cosas impresionantes que se construyeron con CSS

Contrariamente a la creencia popular, CSS no s

Cómo validar un formulario con Javascript y jQuery
Cómo validar un formulario con Javascript y jQuery

Cuando tenemos un formulario que debe ser llen

0 Comentarios
Enviame un comentario