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:

9 comentarios:

Unknown dijo...

eres grande hermano

Anónimo dijo...

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

hora del planeta dijo...

Genial! lo he usado en mi sitio web http://lahoradelplaneta.es y funciona! grande!!!

Anónimo dijo...

Lo que necesitaba , muy bueno , muchas gracias :)

Santy dijo...

no saca la hora del servidor (-_-)

Unknown dijo...

¿el número 500? ¿qué significa?

Unknown dijo...

function checkTime(i) {
if (i<10)

{i="0" + i;
}
return i;}
window.onload=function(){startTime();}

¿qué hace? ¿qué significa?

Unknown dijo...

Hola
Que habría que añadir para que saliera también el día de la semana, Lunes, Martes, Miercoles etc
Gracias, Saludos

Anónimo dijo...

Para agregar color a esos codigos, como es?

Publicar un comentario