Notebook
Siamo lieti di annunciare che il forum è stato ottimizzato per la navigazione da cellulari. Ma è ancora in versione Beta di questa funzionalità pertanto t'invitano a provare sul tuo cellulare. Clicca qui per maggiori informazioni
Switch
Switch Accounts


Cerca
 
 

Risultati per:
 

Rechercher Ricerca avanzata

Parole chiave

Ultimi argomenti attivi
» fsdfwsdfcsdcds<xcvSDFCSDACSDCSDA
Creare un countdown EmptyDom Mar 17, 2013 5:08 pm Da Niko

» Come presentarsi
Creare un countdown EmptyGio Dic 27, 2012 1:11 pm Da Niko

» Suono nella chat
Creare un countdown EmptyGio Gen 26, 2012 5:47 pm Da Niko

» Creare un pannello utente
Creare un countdown EmptyDom Gen 22, 2012 5:25 pm Da Niko

» Avere una barra sotto al forum
Creare un countdown EmptyDom Gen 22, 2012 5:13 pm Da Niko

» Verificare la disponibilità dei nomi utente
Creare un countdown EmptyVen Gen 20, 2012 10:28 am Da Niko

» Modificare le immagini per le password
Creare un countdown EmptyVen Gen 20, 2012 10:26 am Da Niko

» Modificare la lingua del forum per ogni utente
Creare un countdown EmptyVen Gen 20, 2012 10:25 am Da Niko

» Modificare il testo di valutazione per le password
Creare un countdown EmptyVen Gen 20, 2012 10:24 am Da Niko

Ottobre 2024
LunMarMerGioVenSabDom
 123456
78910111213
14151617181920
21222324252627
28293031   

Calendario Calendario

Partner
creare un forum


Non sei connesso Connettiti o registrati

Notebook » il meglio con Javascript » Creare un countdown

Visualizza l'argomento precedente Visualizza l'argomento successivo Andare in basso  Messaggio [Pagina 1 di 1]

<

Creare un countdown

Posted by Bénévoles on Gio Gen 12, 2012 8:24 pm


Creare un countdown


Ciao,
1. DEFINIZIONE
Con questo tutorial potrai creare una galleria di immagini come questa:
Creare un countdown Graph210
Creare un countdown Graph510


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

https://mods.forumattivo.com

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto  Messaggio [Pagina 1 di 1]

Notebook » il meglio con Javascript » Creare un countdown

Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
Forumattivo.com | ©phpBB | Forum gratis di aiuto | Segnala un abuso | Ultime discussioni