back to top

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.

Altri contenuti interessanti

Pubblicitร 
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Il file manifest.json: cos’รจ e a cosa serve

Il file manifest.json รจ un componente chiave nelle applicazioni web moderne,...

Infinite scroll, come programmarlo su AMP e su Web con Javascript

L'infinite scroll è una tecnica di design e navigazione...

Codice Fiscale: 5 javascript per la verifica e il calcolo

Il codice fiscale รจ un identificativo tributario univoco che...

Math.ceil() – Arrotondare per eccesso con Javascript

Il metodo ceil() dell'oggetto Math di Javascript è utilizzato...

Minificare Javascript: librerie e strumenti online per comprimere il sorgente JS

La minificazione è un processo abbastanza diffuso nell'implementazione delle...

Javascript: svuotare un campo input o una textarea con un click

Quando si fornisce agli utenti un modulo per l'inserimento...
Pubblicitร