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

Escrito por kevin lee | Traducido por contributing writer
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo insertar la fecha y hora en un sitio web
Since time is everywhere, add it to your website. (time image by timur1970 from Fotolia.com)

Agregando la fecha y hora actuales a un sitio web te aseguras de que al menos una cosa en el sitio cambie cada vez que un visitante actualice la página. No tienes que aprender lenguajes de programación avanzados como PHP, Java o ASP.NET para trabajar con formatos de fecha y hora. Usando JavaScript y HTML básico, puedes insertar la fecha y hora en tu sitio web con unas pocas líneas de código.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre una de tus páginas web utilizando el Bloc de notas o un editor HTML.

  2. 2

    Agrega el código siguiente después de la primera etiqueta "<body>" en el código HTML: <div id="dateTimeValue"> </div> Esto crea un bloque "div" vacío.

  3. 3

    Agrega el siguiente código antes del cierre de la etiqueta "</head>" en tu HTML: <script type="text/javascript"> window.onload = function () {var separator = "-"; var dateTime = new Date () ; var = formattedDateTime dateTime.toLocaleDateString () + separator + dateTime.toLocaleTimeString () var divObject = document.getElementById ("DateTimeValue"); divObject.innerHTML = formattedDateTime ;}</script> Esta función de JavaScript se ejecuta después de que la página es cargada. La variable "dateTime" contiene la fecha y hora del sistema. La variable "formattedDateTime" separa “dateTime” en un valor de fecha y da un formato de caracteres separados al valor de tiempo haciendo uso de la variable "separator". Las dos últimas declaraciones agregan el formato de la cadena de la fecha y hora a la sección “div” definida en el cuerpo del HTML.

  4. 4

    Guarda el documento y ábrelo en tu navegador. La fecha y la hora aparecerán en el lugar donde colocaste la etiqueta "div".

Consejos y advertencias

  • Cambia la variable de separación a cualquier carácter que más te guste. En este ejemplo, el carácter es un guión (-).

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles