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