Creare un countdown

Da Ospite Mar 10 Gen 2012 - 18:24

Creare un countdown

Ciao,
1. DEFINIZIONE
Con questo tutorial potrai creare una galleria di immagini come questa:

1. COMINCIAMO!
Inserisci questo codice ovunque tu voglia e modificalo opportunamente

Codice:: <div style="font-family:Comic Sans MS; color:#FE2E64; font-size: 16px; padding-left: 68px; min-height: 64px; background: url(LINKIMMAGINE) top left no-repeat"> <script type="text/javascript"> var today=new Date() //Enter the occasion's MONTH (1-12) and DAY (1-31): var theoccasion=new Date(today.getFullYear(), NUMEROMESE, NUMEROGIORNO) //Customize text to show before and on occasion. Follow grammer below: var beforeOccasionText="prima di NOMEOCCASIONE" var onOccasiontext="Oggi è NOMEOCCASIONE. AUGURIO var monthtext=new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre") theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format var showdate="("+theoccasion.getDate()+" de "+monthtext[theoccasion.getMonth()]+")" //show date of occasion var one_day=1000*60*60*24 var calculatediff="" calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day)) if (calculatediff<0){ //if bday already passed var nextyeartoday=new Date() nextyeartoday.setFullYear(today.getFullYear()+1) calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff) } //Display message accordingly var pluraldayornot=(calculatediff==1)? "día" : "días" if (calculatediff>0) document.write("<b>Mancano "+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" </b>") else if (calculatediff==0) document.write("<b>"+onOccasiontext+" "+showdate+"! </b>") </script> </div>

Ecco come modificarlo:
NOMEOCCASIONE – mettete il nome dell’occasione per esempio natale
NUMEROMESE – inserite un numero da 1 a 12 a seconda del mese dell’occasione
NUMEROGIORNO – inserite un numero da 1 a 31 a seconda del giorno dell’occasione
LINKIMMAGINE – inserite il link dell’immagine laterale

Fatto! :bene:

Tutoriale pubblicato da Celina e tradotto da Niko
Copyrigth FORUMATTIVO.COM