Nel tutorial sull'
oggetto Date() avevo introdotto uno scriptino che consentiva di sapere quanto tempo è passato da una certa data.
Con poche modifiche lo script diventa un simpatico conto alla rovescia in tempo reale per misurare il tempo passato da una certa data o quanto tempo manca.
Non riporto lo script nella pagina per brevità, la lettura del tutorial è sufficiente a capire come funziona, ed il resto sono solamente poche righe di JavaScript per scrivere un livello nella pagina ed aggiornarlo dinamicamente.
Per inserirlo nella vostra pagina web, comportatevi come se doveste inserire un'immagine, nel punto esatto in cui volete che compaia il countdown inserite lo script al completo (quindi dentro al
BODY), si attiverà da sè dopo due secondi (tempo necessario affinché il browser crei gli oggetti e sia in grado di gestirli) e si aggiornerà ogni secondo.
Per personalizzarlo dovrete solo modificare le tre variabili
anninput,
mesinput,
giorninput, ed eventualmente le due stringe
str ed
str2 (che contengono i testi "Sono passati..."/"Mancano...") e la stringa
risultato che costruisce la frase completa.
Se non vi interessa l'aggiornamento al secondo e vi basta visualizzare giorno, mese ed anno sarà sufficiente togliere il
setTimeout() da dentro la funzione (
non quello all'esterno) ed i relativi dati dalla variabile
risultato.