Un elemento que le puede dar a tu web un toque de dinamismo es la inclusión de la fecha y esto lo podemos hacer mediante Javascript que además nos la mostrara en español.
El script es el siguiente y lo tendrás que incluir dentro de las etiquetas <head>
y </head>
o vincular las función en .js que al final te brindamos, el código es el siguiente:
<script type="text/javascript">
function Muestrafecha() {
//arreglo de los meses
const meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Deciembre"];
//arreglo de los dias
const dias_de_la_semana = ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"];
var today = new Date();
var day = today.getDate();
var month = today.getMonth();
var year = today.getYear();
var dia = today.getDay();
if (year < 1000) {year += 1900; }
// mostrar la fecha
return( "Hoy es " + dias_de_la_semana[dia] + ", " + day + " de " + meses[month] + " del " + year);
}
</script>
Y para aplicarlo en nuestra web llamamos a la función en la parte donde queremos que aparezca la fecha, haciéndolo de la siguiente forma:
<script type="text/javascript">
document.write(Muestrafecha());
</script>
Esto nos da como resultado:
Zonick agosto 23, 2007 a las 8:47 pm
a mi por mas que quiero no me funcionan mis scripts en blogger, he tratado de ponerlos y no se que pasa, no se si los este colocando mal, ya que aun no tengo muy claro como ponerlos entre head y /head, me podrian ayudar,igual trate de poner unos emoticones y no me funciona gracias!!
ResponderFrancisco agosto 28, 2007 a las 7:54 pm
Hola Zonick!
Lo que pasa es que en este caso no es solo para Blogger, sino para cualquier web en general, pero lo que va en el head puedes pegarlo justo antes de y la llamada al script donde quieras que se muestre por ejemplo después del menú de navegación de tu plantilla. Blogger es un poco latoso para esto pero ve probando y veras que algún lugar queda.
Un saludo!
Respondergabriel febrero 25, 2008 a las 3:06 pm
Buenas amigo gracias por el codigo una pregunta!, no se le puede agegar codigo para que me de la hora adicionalmente por ejemplo que salga asi “Hoy es Viernes, 2 de Marzo del 2007″, 3:35pm.???? me seria de mucha utilidad gracias y disculpa
Respondergabriel febrero 25, 2008 a las 3:38 pm
Ahh no amigos!! ya logre ponerle la hora!!!, pero me surgio una duda!!, saben q ok todo bien yo puse su fecha con su hora,pero esta solo se actualiza cuando yo refresco la pagina!!, yo lo que necesito es un reloj que este corriendo siempre, sin efresca la pagina, osea q corran la hora asi no refresqs la pantalla manualmente gracias espero su respuesta!!
ResponderFabricio julio 26, 2008 a las 7:44 pm
Acabo de hacer un código para mostrar en pantalla algo que quedaría de la siguiente manera:
Hoy es 26 / 7 / 2008, son las 21hs 43min
este es el código:
var fechaActual=new Date();
document.write(“Hoy es “+fechaActual.getDate()+” / “+(fechaActual.getMonth()+1)+” / “+fechaActual.getYear()+”, son las
“+fechaActual.getHours()+”hs “+fechaActual.getMinutes()+”min “);
si no lo quieren todo en el body lo hacen una función en el head y despues la llaman desde el body… como mas les guste
Responderalex mayo 7, 2010 a las 10:19 pm
hola, tengo un detalle con mi blog que hermosamente estoy adornando, pasa que quiero cambiarle la fecha ps en al plantilla no solo me vino
Responder“undefined
undefined”
como te podras dar cuenta, es alli donde deb ir la fecha, pero como lo puedo hacer.
agradesco tu ayuda y felicitandotepor tu posteo
recuerdos infantiles septiembre 26, 2010 a las 9:26 am
gracias por el aporte voy a poner una web donde requiero que la fecha se actuzalice y gracias atu scrip lo tengo, saludos
ResponderLeonardo agosto 15, 2011 a las 1:19 pm
Hola, antes que nada… GRACIAS! Me sirvio mucho! Te hago una consulta… como puedo hacer para mover el codigo? Ya que me parece siempre arriba a la izquierda. Puede moverver a la derecha o centrarse? Saludos y gracias!
ResponderFleming febrero 17, 2013 a las 3:30 pm
Mil gracias compañero. Estupendo aporte.
ResponderFutbol Gratis por internet agosto 30, 2013 a las 8:39 am
Mil gracias compañero. Estupendo aporte.
ResponderGerardo Delgadillo enero 11, 2014 a las 9:44 am
Muchas gracias muy buen aporte!!!
ResponderMe funciono al 100%
Yed21 mayo 14, 2015 a las 8:08 pm
Muchas muchas gracias
ResponderGia Ovando marzo 10, 2021 a las 4:10 pm
Me gusto el código, me sirvió.
ResponderFrancisco Oliveros marzo 11, 2021 a las 6:46 am
Me alegro, Gia 🙂
Responder