Cómo insertar la fecha y la hora en un sitio web

Agregar la fecha y hora actuales a un sitio web garantiza que al menos una cosa en el sitio cambie cuando un visitante actualice una página. No necesita aprender lenguajes de programación avanzados como PHP, JAVA o ASP.NET para trabajar con formatos de fecha y hora. Con JavaScript y HTML básico, puede insertar la fecha y la hora en su sitio web con unas pocas líneas de código.

Paso 1

Abra una de sus páginas web utilizando el Bloc de notas, un editor de HTML o cualquier aplicación que produzca texto sin formato. Para asegurarse de conservar una copia de su código de sitio sin editar, duplique el archivo antes de editarlo.

Paso 2

Agrega el siguiente código después de la primera etiqueta "" en tu HTML:

Esto crea un bloque "div" vacío.

Paso 3

Agregue el siguiente código antes del cierre " " etiqueta en su HTML:

Esta función de JavaScript se ejecuta después de que se carga la página. La variable "dateTime" contiene la fecha y la hora del sistema. La variable "formattedDateTime" divide dateTime en dos valores formateados, uno para la fecha y otro para la hora, separados por el carácter definido en "separator". Las últimas dos declaraciones agregan la cadena de fecha y hora formateada a la etiqueta "div" definida en la sección del cuerpo del HTML.

Paso 4

Guarde el documento y ábralo en su navegador. La fecha y la hora aparecen en la ubicación en la que colocó la etiqueta "div". Vuelva a cargar la página para ver cómo cambian los valores.

Consejo

La variable separadora puede contener cualquier carácter que seleccione. Este ejemplo usa un guión.