Cómo mostrar la fecha actual con JavaScript (7 alternativas)

Si tienes un blog o un sitio web y deseas incluir la fecha y/o la hora actual, usa alguna de las siguientes alternativas, ordenadas de menor a mayor simpleza...


Insertar fecha básica (y hora opcional) con el formato dd/mm/aaaa


Este método es el más básico en cuanto a funcionamiento y resultado. La fecha aparecerá allí donde se incruste el código.

Ejemplo:


Código:



Ejemplo con hora:


Código:




Insertar fecha con nombre del mes (y nombre del día opcional)


Ejemplo:


Código:



Versión con nombre del día de la semana:


Código:



Opciones:

Pueden acortarse los nombres de los meses y días reemplazando "Enero" por "Ene", "Lunes" por "Lun", etc.


Mostrar fecha en hoja de calendario


Ejemplo:


Código:



Opciones:

Pueden cambiarse los colores modificando los valores background-color y color. Con un poco de conocimiento acerca de CSS es posible cambiar la apariencia totalmente.


Mostrar fecha resaltada en calendario mensual


Ejemplo:


Código:



Opciones:

Igual que antes, es posible cambiar la estética manipulando los estilos CSS.


Mostrar la hora actual en tiempo real


Finalmente, es posible hacer que la hora se actualice segundo a segundo, combinándola con los anteriores códigos...

Ejemplo:


Código:

2 comentarios:

Unknown dijo...

eres grande hermano

Anónimo dijo...

muy bueno pero ¿cómo puedo cambiar de color el reloj?
gracias

Publicar un comentario