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

código HTML

Agregue la fecha y la hora al código de su sitio web.

Credito de imagen: Baitong333 / iStock / Getty Images

Agregar la fecha y hora actuales a un sitio web garantiza que al menos una cosa en el sitio cambie cuando un visitante del sitio actualiza 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 con 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.

Video del día

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

Agrega el siguiente código antes de la etiqueta de cierre "" en tu 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 "separador". Las dos últimas declaraciones agregan la cadena de fecha y hora formateada a la etiqueta "div" definida en la sección del cuerpo del HTML.

Etapa 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.

Propina

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