Livello di difficoltà: |
|
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
|
| |
Quanta manca al Capodanno 2001
Arretrati lista "Una demo Dhtml a settimana"
CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Javascript
COMPATIBILITÀ: Ms Ie
FILES ESTERNI: Nessuno
Visualizza la demo
Scarica la demo
In questo periodo di festa, dopo avere visto il numero speciale in cui
veniva applicato un effetto nevicata all'interno di una pagina Web
(demo del 14 Dicembre 2000), questa settimana analizziamo un esempio a tema con i festeggiamenti per il nuovo anno ed il
rispettivo passaggio di millennio (per chi non avesse deciso di festeggiarlo
l'anno scorso). La demo che andiamo a trattare infatti, riguarda proprio il
Capodanno, e precisamente quanti giorni mancano a questo evento. Il
funzionamento è molto semplice:
<script>
var montharray=new
Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec
")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var
difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*
60*60*1000))*1)
difference+=" giorni"
document.write("<B>"+difference+"</B> al Capodanno 2001")
}
// the count up date using the format year/month/day
countup(2001,01,01)
</script>
Tutta la sintassi script qui sopra riportata, è presente nell'<HEAD> del documento. Nel <BODY> non va inserito nessun richiamo particolare. E' naturalmente possibile cambiare la data di riferimento per il countdown (magari per aggiornarlo all'anno che verrà, oppure per indicare la propria data di nascita ecc.). Per personalizzare questo dettaglio, si prenda in considerazione la penultima riga del Javascript appena esaminato, ovvero:
countup(2001,01,01)
In conclusione, è importante sapere che la data va inserita nel formato
aaaa/mm/gg (anno a quattro cifre, mese e giorni a due cifre).
Cogliamo l'occasione per farti i migliori auguri di uno splendido 2001:
felice anno nuovo quindi!
N.B.: Vuoi provare ad apparire in testa ai motori di ricerca? Risorse.net ti
offre gratuitamente una guida sui principali search engine e validi consigli
per apparire in buona posizione. Clicca www.risorse.net/motori
|