Come inserire la data e l'ora in un sito Web

codice html

Aggiungi la data e l'ora al codice per il tuo sito web.

Credito immagine: Baitong333/iStock/Getty Images

L'aggiunta della data e dell'ora correnti a un sito Web garantisce che almeno una cosa sul sito cambi quando un visitatore del sito aggiorna una pagina. Non è necessario apprendere linguaggi di programmazione avanzati come PHP, JAVA o ASP.NET per lavorare con i formati di data e ora. Utilizzando JavaScript e HTML di base, puoi inserire la data e l'ora nel tuo sito Web con poche righe di codice.

Passo 1

Apri una delle tue pagine Web utilizzando Blocco note, un editor HTML o qualsiasi applicazione che produce testo normale. Per assicurarti di conservare una copia del codice del tuo sito non modificato, duplica il file prima di modificarlo.

Video del giorno

Passo 2

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

Questo crea un blocco "div" vuoto.

Passaggio 3

Aggiungi il seguente codice prima del tag di chiusura " " nel tuo HTML:

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

Passaggio 4

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

Consiglio

La variabile separatore può contenere qualsiasi carattere selezionato. Questo esempio utilizza un trattino.