Tecnología

Inicio

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

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


Adición de la fecha y hora actual a un sitio web asegura que al menos una cosa en el sitio cambia cuando un visitante del sitio actualiza una página. No es necesario aprender lenguajes de programación avanzados, tales como PHP, Java o ASP.NET para trabajar con formatos de fecha y hora. Uso de JavaScript y HTML básico, puede insertar la fecha y la hora en su sitio web con unas pocas líneas de código.

Instrucciones

1 Abra una de sus páginas web mediante el Bloc de notas, un editor HTML o cualquier aplicación que produce texto plano. Para asegurar que conserve una copia de su código de sitio sin editar, duplicar el archivo antes de modificarlo.

2 Agregue el código siguiente después de la primera etiqueta "<body>" en el código HTML:

<Div id = "DateTimeValue" </ div>

Esto crea un bloque vacío "div".

3 Agregue el código siguiente antes del cierre "</ head>" etiqueta en el código HTML:

<Script type = "text / javascript">
window.onload = function () {
separador var = "-";
var fechaHora = new Date ();
var formattedDateTime = dateTime.toLocaleDateString () + separador + dateTime.toLocaleTimeString ()

var divObject = document.getElementById ( "DateTimeValue");
divObject.innerHTML = formattedDateTime;
}
</ Script>

Esta función JavaScript se ejecuta después de que se carga la página. La variable "DateTime" contiene la fecha y hora del sistema. Los "formattedDateTime" rompe variables dateTime en dos valores con formato, uno para el día y otro para el tiempo, separados por el carácter definido en "separador". Los dos últimos estados añaden la fecha formateada y la cadena de tiempo para la etiqueta "div" se define en la sección del cuerpo del código HTML.

4 Guarde el documento y abrirlo en su navegador. La fecha y la hora aparecen en la ubicación en la que ha colocado la etiqueta "div". Recargar la página para ver los valores cambian.

Consejos y advertencias

  • La variable separador puede contener cualquier carácter que seleccione. En este ejemplo se utiliza un guión.