Tecnología Electrónica

Cómo insertar fecha y hora actual en una página web con JavaScript

Añadir fecha y hora dinámicas a una web asegura que algo cambie al recargar. No necesitas PHP, Java o ASP.NET; con JavaScript y HTML básico bastan unas líneas.

Paso 1

Abre tu página web en Bloc de notas, editor HTML o cualquier editor de texto plano. Duplica el archivo antes de editar para conservar el original.

Paso 2

Justo después de la etiqueta <body>, inserta:

<div id="datetime"></div>

Crea un bloque "div" vacío donde aparecerá la fecha/hora.

Paso 3

Justo antes del cierre </head>, inserta:

<script>
window.onload = function() {
  var dateTime = new Date();
  var separator = " - ";
  var formattedDateTime = dateTime.toLocaleDateString() + separator + dateTime.toLocaleTimeString();
  document.getElementById("datetime").innerHTML = formattedDateTime;
};
</script>

Este script se ejecuta al cargar la página. dateTime toma la fecha/hora del sistema. formattedDateTime formatea fecha y hora separadas por separator. Las dos últimas líneas insertan el texto en el div del body.

Paso 4

Guarda y abre en navegador. La fecha/hora aparecerá donde pusiste el div. Recarga para ver el cambio.

Consejo: La variable separator puede ser cualquier carácter (guión, barra, dos puntos, etc.).

>

<

Vida inteligente