Come inserire data e ora in un sito web

Aggiungere la data e l'ora correnti a un sito web assicura che almeno una cosa sul sito cambi quando un visitatore aggiorna una pagina. Non devi imparare linguaggi di programmazione avanzati come PHP, JAVA o ASP.NET per lavorare con formati data e ora. Usando JavaScript e HTML base, puoi inserire data e ora nel tuo sito con poche righe di codice.

Passo 1

Apri una delle tue pagine web usando Blocco note, un editor HTML o qualsiasi applicazione che produca testo semplice. Per assicurarti di conservare una copia del codice non modificato, duplica il file prima di modificarlo.

Passo 2

Aggiungi il seguente codice dopo il primo tag "<body>" nel tuo HTML:

Questo crea un blocco "div" vuoto.

Passo 3

Aggiungi il seguente codice prima del tag di chiusura "</head>" nel tuo HTML:

Questa funzione JavaScript viene eseguita dopo il caricamento della pagina. La variabile "dateTime" contiene la data e l'ora di sistema. La variabile "formattedDateTime" spezza dateTime in due valori formattati, uno per la data e uno per l'ora, separati dal carattere definito in "separator". Le ultime due istruzioni aggiungono la stringa formattata di data e ora al tag "div" definito nella sezione body dell'HTML.

Passo 4

Salva il documento e aprilo nel browser. La data e l'ora appaiono nella posizione in cui hai posizionato il tag "div". Ricarica la pagina per vedere i valori cambiare.

Suggerimento

La variabile separator può contenere qualsiasi carattere tu scelga. Questo esempio usa un trattino.