Salve ragazzi,
Per il formato 12 ore, con AM e PM
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>
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
Contatti Mostra EmoticonNascondi Emoticon