Visualizzare la data e l’ora corrente in Javascript

Con questo tutorial cercheremo di capire come funzionano data ed ora con Javascript. A tal fine è necessario far riferimento all’oggetto Date() ed introdurre il lettore ai metodi da esso supportati. Ai fini del nostro esempio utilizzeremo i seguenti metodi per la manipolazione delle date e degli orari:

• getYear() – Recupera l’anno corrente
• getMonth() – Recupera il mese corrente
• getDate() – Recupera il numero del giorno nel mese (as es oggi è il giono 15 del mese)
• getDay() – Recupera il numero del giorno nella settimana (ad es. oggi è il giono 1 della settimana cioè il lunedì)
• getHours() – Recupera il valore dell’ora
• getMinutes() – Recupera il valore dei minuti
• getSeconds() – Recupera il valore dei secondi

Ovviamente, essendo Javascript una tecnologia di scripting client-side tutte le variabili saranno recuperate dal computer dell’utente (non dal nostro server!). Come al solito passiamo agli esempi pratici.

Ecco il codice da usare per stampare a video ora, minuti e secondi:

<script language="Javascript">
<!--
  today = new Date()
  document.write("Adesso sono le ",today.getHours(),":",today.getMinutes(),":",today.getSeconds());
//  -->
</script>

Per stampare la data completa (giorno/mese/anno) usiamo invece questo:

<script language="Javascript">
<!--
  today = new Date()
  document.write("La data di oggi: ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear());
//  -->
</script>

Ora facciamo un esempio di uno script un po’ più complesso ma dal risultato certamente più accattivante:

<script language="Javascript">
<!--
data = new Date();
ora =data.getHours();
minuti=data.getMinutes();
secondi=data.getSeconds();
giorno = data.getDay();
mese = data.getMonth();
date= data.getDate();
year= data.getFullYear();

if(minuti < 10) minuti="0"+minuti;
if(secondi < 10) secondi="0"+secondi;
if(ora <10) ora="0"+ora;

if(giorno == 0) giorno = "Domenica";
if(giorno == 1) giorno = "Lunedì";
if(giorno == 2) giorno = "Martedì";
if(giorno == 3) giorno = "Mercoledì";
if(giorno == 4) giorno = "Giovedì";
if(giorno == 5) giorno = "Venerdì";
if(giorno == 6) giorno = "Sabato";

if(mese == 0) mese = "Gennaio";
if(mese == 1) mese = "Febbraio";
if(mese == 2) mese = "Marzo";
if(mese == 3) mese = "Aprile";
if(mese == 4) mese = "Maggio";
if(mese == 5) mese = "Giugno";
if(mese == 6) mese = "Luglio";
if(mese == 7) mese = "Agosto";
if(mese == 8) mese = "Settembre";
if(mese == 9) mese = "Ottobre";
if(mese == 10) mese = "Novembre";
if(mese == 11) mese = "Dicembre";

document.write("Oggi è "+giorno+" "+date+" "+mese+" "+year+" - ora "+ora+":"+minuti+":"+secondi);
//-->
</script>

Non vi resta che copiarlo nella vostra pagina HTML e vedere il risultato.