Un messaggio diverso ad ogni ora del giorno
Postato da webmaster il Saturday, 01 November @ 08:00:00 CET
Contributed by webmaster
Il javascript offre una soluzione estremamente semplice, grazie alla sua
capacità di verificare l'ora locale dell'utente, per l'inserimento
di messaggi automatici. Nell'esempio dell'articolo ci
siamo limitati ad un piccolo saluto, ma partendo da questo
codice si possono realizzare messaggi ed effetti più complessi.
Lo script si compone di una sezione javascript direttamente inserita nel corpo
della pagina.
<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>
|
È possibile aggiungere tutte le risorse che si desidera al posto dei messaggi,
anche se va precisato
che il browser caricherà in memoria tutti gli elementi anche prima di
visualizzarli. Lo script si limita solo a renderli visibili o invisibili.
Ciò significa che se volessimo utilizzare lo script per una presentazione
di fotografie in un'uica pagina web, va precisato che l'utente dovrà attendere,
prima di rendere operativa la pagina e i links, il caricamento di tutte
le immagini, visibili e non visibili, incluse nella galleria.
Vediamo nel dettaglio il funzionamento dello script. Per prima cosa si crea
una variabile (oracorrente) e si assegna ad essa
il valore dell'ora locale (grazie al metodo getHours) partendo dalla data
(oggetto Date). Quindi, con una serie di espressioni condizionali (if/else if/else),
si crea un messaggio ad hoc per ciascuna fase della giornata. Lo facciamo
confrontando l'ora corrente con parametri che è ovviamente possibile personalizzare.
Se il valore dell'ora, come nel primo caso, è inferiore a 5 (< 5), significa che
siamo in piena notte e il messaggio si adegua di conseguenza. Così avviene per
le possibilità successive.
La personalizzazione può avvenire innanzitutto per i valori delle ore prese come
riferimento, ma anche nell'output. Ricordiamo infatti che con document.write si
possono creare intere sezioni di codice html. Al posto del messaggio in forma di
testo, per esempio, si potrà visualizzare un'immagine o un'icona ad hoc.
L'unico limite diventa la fantasia.
|
|
| |
 |
Valutazione |
 |
|
Punteggio Medio: 5 Voti: 1

|
|
|
 |
|