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:

ANITA

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

Lujo

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!!!

LadyMarian

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

Lujo

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!

Publicar un comentario

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

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

 


UP