Inserire l'orario e la data con javascript in blogger - blogspot

Salve ragazzi,

vi presento questa modifica da fare al vostro blog..

I webmaster cercano sempre di ottenere una grafica accattivante per il loro sito, ma allora è impossibile non inserire un orologio!

Con esso possiamo inserire la data e l'orario attuale..

Vi posto il codice in javascript per poterlo inserire, con esso potete implementarlo anche in blogger bisogna andare su Design -> Aggiungi un gadget -> HTML/Javascript e postare questo codice:

Per il formato 12 ore, con AM e PM

<font color="#191919" size="3">Sono le </font><font color="#940F04" size="4"><b><script> 
ora = new Date(); 
ora1= ora.getHours(); 
ora2 = ora.getMinutes(); 
ora3= ora.getSeconds(); 
if(ora1==0){ora4=" AM";ora1=12} 
else if(ora1 <= 11){ora4=" AM"} else if(ora1 == 12){ora4=" PM";ora1=12} else if(ora1 >= 13){ora4=" PM";ora1-=12} 
if(ora2 <= 9){ora2="0"+ora2} document.write(""+ora1+":"+ora2+":"+ora3+""+ora4+""+""); 
</script></b></font><font color="#191919" size="3"> di </font><font color="#940F04" size="4"><b><script type="text/JavaScript"> 
var mydate=new Date() 
var year=mydate.getYear() 
if (year <1000) 
year+=1900 
var day=mydate.getDay() 
var month=mydate.getMonth() 
var daym=mydate.getDate() 
if (daym<10) 
daym="0"+daym 
var dayarray=new Array("Domenica ","Lunedì ","Martedì ","Mercoledì ","Giovedì ","Venerdì ","Sabato ") 
var montharray=new Array("/ 01 /","/ 02 /"," / 03 /"," / 04 /","/ 05 /","/ 06 /","/ 07 /","/ 08 /","/ 09 /","/ 10 /","/ 11 /","/ 12 /") 
document.write(dayarray[day]+" "+daym+" "+montharray[month]+" "+year) 
</script></b></font>

Per il formato 24 ore, che personalmente preferisco

<font color="#0088d8" size="2">Sono le </font><font color="#0088d8" size="3"><b><script> 

ora = new Date(); 

ora1= ora.getHours(); 

ora2 = ora.getMinutes(); 

ora3= ora.getSeconds(); 

if(ora1==0){ora1=12} 

else if(ora1 == 12){ora1=12} 

if(ora2 <= 9){ora2="0"+ora2} document.write(""+ora1+":"+ora2+":"+ora3+""+""); 

</script></b></font><font color="#0088d8" size="2"> di </font><font color="#0088d8" size="3"><b><script type="text/JavaScript"> 

var mydate=new Date() 

var year=mydate.getYear() 

if (year <1000) 

year+=1900 

var day=mydate.getDay() 

var month=mydate.getMonth() 

var daym=mydate.getDate() 

if (daym<10) 

daym="0"+daym 

var dayarray=new Array("Domenica ","Lunedì ","Martedì ","Mercoledì ","Giovedì ","Venerdì ","Sabato ") 

var montharray=new Array("/ 01 /","/ 02 /"," / 03 /"," / 04 /","/ 05 /","/ 06 /","/ 07 /","/ 08 /","/ 09 /","/ 10 /","/ 11 /","/ 12 /") 

document.write(dayarray[day]+" "+daym+" "+montharray[month]+" "+year) 

</script></b></font>

Inoltre è possibile apportare alcune modifiche al codice per modificare:

• Il colore, attraverso color="#0088d8", ci basta cambiare i numeri dopo il # che possono essere presi da qui Tavolozza_dei_colori.
• La grandezza, attraverso size="2", cambiando il numero modifichiamo la grandezza del carattere.
• I contenuti, sostituendo le parole "Sono le" o "del giorno".
• Togliere il grassetto levando <b> e </b>
• Si può inserire questo codice tra <div align="center"> e </div> per inserirlo in una posizione centrale sulla sinistra(left) o sulla destra (right).
• Inserire solo l'orario o la data omettendo una parte del codice, facilmente individuabile

Condividi :

Tweet

✚

Articoli Correlati