Páginas

1 feb 2010

Fecha y Hora actualizada en tu blog o web de forma fácil.

Un sencillo script en un gadget HTLM/Javascript nos proporcionará el día y la hora exacta en nuestro blog o web. Es simple y no recarga el funcionamiento normal de nuestra web.

El resultado es similar a:



►Metodología:

1. Botón derecho del ratón, copiar el contenido de la caja que hay a continuación.





<!-- Inicio HORA Y FECHA actualizadas -->
<script language="javascript">
// Muestra fecha y hora. Se actualiza segundo a segundo en una caja de texto.

//Muestra segundos
function muestraSeg()
{

hoyseg=new Date();
document.formi.seg.value=hoyseg.getSeconds();
setTimeout("muestraSeg()",1000);
}

//Muestra minutos
function muestraMin()
{
hoymin=new Date();
document.formi.min.value=hoymin.getMinutes();
setTimeout("muestraMin()",1000);
}

//Muestra horas
function muestraHour()
{
hoyhour=new Date();
document.formi.hour.value=hoyhour.getHours();
setTimeout("muestraHour()",1000);
}

//Muestra día
function muestraDay()
{
hoyday=new Date();
document.formi.day.value=hoyday.getDate();
setTimeout("muestraDay()",1000);
}

//Muestra mes
function muestraMon()
{
hoymonth=new Date();
document.formi.month.value=hoymonth.getMonth();
if(document.formi.month.value==0){
document.formi.month.value="Enero"
}else if(document.formi.month.value==1){
document.formi.month.value="Febrero"
}else if(document.formi.month.value==2){
document.formi.month.value="Marzo"
}else if(document.formi.month.value==3){
document.formi.month.value="Abril"
}else if(document.formi.month.value==4){
document.formi.month.value="Mayo"
}else if(document.formi.month.value==5){
document.formi.month.value="Junio"
}else if(document.formi.month.value==6){
document.formi.month.value="Julio"
}else if(document.formi.month.value==7){
document.formi.month.value="Agosto"
}else if(document.formi.month.value==8){
document.formi.month.value="Septiembre"
}else if(document.formi.month.value==9){
document.formi.month.value="Octubre"
}else if(document.formi.month.value==10){
document.formi.month.value="Noviembre"
}else{
document.formi.month.value="Diciembre"
}
setTimeout("muestraMon()",1000);
}

//Muestra semana
function muestraSem()
{
hoysem=new Date();
document.formi.sem.value=hoysem.getDay();
if(document.formi.sem.value==0){
document.formi.sem.value="Domingo"
}else if(document.formi.sem.value==1){
document.formi.sem.value="Lunes"
}else if(document.formi.sem.value==2){
document.formi.sem.value="Martes"
}else if(document.formi.sem.value==3){
document.formi.sem.value="Miércoles"
}else if(document.formi.sem.value==4){
document.formi.sem.value="Jueves"
}else if(document.formi.sem.value==5){
document.formi.sem.value="Viernes"
}else{
document.formi.sem.value="Sábado"
}
setTimeout("muestraSem()",1000);
}

//Muestra año
function muestraYear()
{
hoyyear=new Date();
document.formi.year.value=hoyyear.getFullYear();
if ((document.formi.hour.value==0)&&(document.formi.min.value==0)&&(document.formi.seg.value==0)&&(document.formi.day.value==1)&&(document.formi.month.value=="Enero"))
{
alert("Feliz año " + document.formi.year.value);
return true;
}
setTimeout("muestraYear()",1000);
}
</script>
<!-- Muestra el formulario con la hora y la fecha -->
<form name="formi">
<p align="left">
<input type="text" name="sem" size="8" />
<input type="text" name="day" size="1" /> de
<input type="text" name="month" size="9" /> de
<input type="text" name="year" size="3" /> </p>
<p align="left"> Reloj:
<input type="text" name="hour" size="1" /> :
<input type="text" name="min" size="1" /> :
<input type="text" name="seg" size="1" /> </p>
<script language="javascript">
muestraSeg();
muestraMin();
muestraHour();
muestraSem();
muestraDay();
muestraMon();
muestraYear();
</script>
</form>
<!-- Final HORA Y FECHA actualizadas -->

2. Pegamos su contenido en un gadget HTLM/Javascript como se explica claramente en este enlace.


Ir a Escritorio - Diseno - Elementos de la página - Añadir un gadget HTLM/Javascript


3. Guardar.


► Actualización:

- Se puede colocar en la plantilla después de <body>

Script para dar la fecha:

<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>"; //Le otorgamos una clase al día
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; //Le otorgamos una clase al mes
anio = "<div class='fecha_anio'>"+da[2]+"</div>"; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>



4 comentarios:

  1. Lo que mas me gusta de tus consejos es lo fácil que lo pones, te explicas de maravilla.
    Lo entiendo hasta yo que soy una señora borrica algunas veces jajaj. Besotessssssssss

    ResponderEliminar
  2. Requetehola ANITA
    Mi niña, ¡¡eres una sabia!!. Si no fuera por ti no hubiera aprendido muuuchas cosas. Es más soy yo la que te admiro por saber mirar las situaciones desde distintos puntos de vista enriquecedores.
    Abrazotes enormes!!!

    ResponderEliminar
  3. Parece muy simple! (sospecho que en parte es porque está explicado en forma simple) Ya no va a haber personas desorientadas por los blogs. ;P
    Besos

    ResponderEliminar
  4. Re holaaaaa LadyMarian
    Noooo, es muy sencillo. Asusta de lo fácil que es. Si te soy sincera lo que me llevó de cabeza fue colocar los códigos exactos. Creo que no tenía un buen día... ;P
    Abrazotes gigantes!

    ResponderEliminar

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.