Puo' essere un'idea simpatica offrire ai propri visitatori un messaggio di benvenuto adatto ai vari momenti della giornata.
Questo Javascript, grazie alla sua capacita' di verificare l'ora locale dell'utente, permette di poter diversificare un qualsiasi messaggio a seconda dell'ora dell'utente.
Questo script e' compatibile con Explorer, Netscape 6, Mozilla, Safari, Opera.
Lo script va inserito tra i tag
body e
/body della pagina, nel punto dove si vuole far apparire il messaggio, e puo' essere compreso all'interno di qualsiasi tag, dal piu' banale
h1 a strutture piu' complesse quali tabelle, elenchi puntati, etc...
script language="JavaScript" type="text/JavaScript"
oracorrente = new Date
if (oracorrente.getHours() < 5) {
document.write("Cosa ci fai qui di notte??")
}
else if (oracorrente.getHours() < 12) {
document.write("Buongiorno!!")
}
else if (oracorrente.getHours() < 17) {
document.write("Buon pomeriggio!!")
}
else {
document.write("Buonasera!!")
}
/script
Nota:
Nell'esempio precedente sono stati tolti volutamente il segno di minore e maggiore all'inizio e alla fine del tag SCRIPT e della sua chiusura (/SCRIPT). Per utilizzare correttamente lo script vanno inseriti.
Versione .txt dello script
Analisi dello script
La variabile
oracorrente prende dall'oggetto
new Date il giorno e l'ora corrente dell'utente collegato al sito.
Ora dalla variabile
oracorrente, grazie al metodo
getHours(), si estrapola l'ora esatta (
oracorrente.getHours()).
Quindi, con una serie di espressioni condizionali (if/else if/else), confrontando l'ora corrente estrapolata (
oracorrente.getHours()) con quella che abbiamo inserito noi, si crea un messaggio ad hoc per ciascuna fase della giornata.
Se il valore dell'ora, come nel primo caso, e' inferiore a 5 (< 5), significa che si e' in piena notte e il messaggio sara':
Cosa ci fai qui di notte??.
Cosi' avviene per le condizioni successive.
La personalizzazione puo' avvenire oltre che per i valori delle ore prese come riferimento, anche nell'output (cioe' nella visualizzazione a schermo).
Si rammenta infatti che con
document.write() si possono creare intere sezioni di codice HTML. Al posto del messaggio in forma di testo, per esempio, si potrebbe visualizzare un'immagine o un'icona ad hoc, basta sostituire il testo
Cosa ci fai qui di notte?? con una, o piu' istruzioni html.