Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Script_gadget » Countdown

..:: Countdown... ::..

Ecco uno degli script più ricercati per realizzare gadget e "post it" personali
il countdown, ovvero quanto manca ad una determinata data ^_^
Ecco un piccolo esempio...


Uno script breve e facilmente personalizzabile, da postare nel punto
in cui si vuole visualizzare e comunque sotto il tag <body>

<script type="text/javascript">
/*Countdown until any date script- By JavaScript Kit (www.javascriptkit.com) */
/* Spiegato e commentato da iltelaiodipenelope.it - Tutorial */

var before="Messaggio visibile nei giorni del conteggio all'evento"
var current="Messaggio che apparirà il giorno dell'evento"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Mancano "+difference+" giorni "+before)
}
//inserisci qui la data dell'evento, usando il formato: anno/mese/giorno
countdown(2013,11,21)
</script>

All'inizio dello script troviamo i due campi in cui scrivere i messaggi che si visualizzeranno
prima e dopo l'evento, ovvero nel primo campo scriveremo un messaggio che indicherà quale
evento/festa stiamo aspettando, per esempio: var before="all'arrivo del Natale"
e nel secondo campo scriveremo: var current="Buon Natale! Auguri a tutti ^_^"

- Alla fine dello script troviamo il campo in cui inserire la data dell'evento da festeggiare,
quindi se facciamo un countdown per Natale scriveremo: countdown(2021,12,25) se invece fosse
per San Valentino scriveremo countdown(2021,2,14) il mese va' scritto senza lo 0 davanti.

- Ho evidenziato la parte che permette la visualizzazione del conteggio evento,
document.write("Mancano "+difference+" giorni "+before)
potete sostituire "Mancano" con ciò che preferite e/o tradurre in altre lingue

- Nel caso dobbiate o vogliate andare a capo, che so per un gadget molto piccolo, potete
inserire il classico <br> facendo attenzione a non cancellare nulla, ecco un piccolo esempio:
document.write("Mancano... <br>"+difference+" giorni <br>"+before)
in questo modo visualizzeremo il countdown così...

Mancano...
300 giorni
alla Primavera!

N.B.: Quando realizzate il gadget controllate se la frase che apparirà all'evento stabilito
occupi lo stesso spazio di quella che lo descrive, altrimenti l'effetto non sarà armonioso,
per rendervi conto dello spazio necessario, vi basterà settare la data del giorno
in cui lo realizzate, fare delle prove e con un po' di pazienza otterrete un bel risultato

- E' possibile inserire più di un countdown nella pagina ^_^

# Prelevate qui lo script




Una volta passato il giorno dell'evento non compare più nulla, in pratica un gadget vuoto
per cui Penelope con l'ausilio del suo genietto ha ritoccato un pochino lo script, affinché sia possibile
inserire un'altra frase che rimanga "fissa" nel tempo... leggete il tutorial -> Countdown Penny

Se volete realizzare dei gadget/accessori da far prelevare vi serviranno anche:
-> Iframe -> Textarea -> Pagina anteprima gadget

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^

🧩 🌷 Molto apprezzato
89.09%
Voti totali: 11
Rating... 4




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









I vostri commenti in questa pagina...


Sari ~ 27/01/2022 15:42:18
Ho imparato a usare i tuoi codici e a personalizzare i miei countdown. Ne ho fatti per i miei blog festivi (natale, Anno, Epifania, Pasqua) e ti ringrazio per la generosità e la chiarezza che mi hanno permesso di realizzare.Un caro saluto.Sari di vocedivento.blogspot.com
ૡPenelope ♥ ~ 29/11/2014 01:32:27
Benissimo carissima Sari ♥
Sari ~ 26/11/2014 20:43:42
Ce l'ho fatta, Penny... GRAZIE... ho messo il tuo countdown nella mia home nataliza. Appena avrò tempo imparerò a metterlo in un box. Sono soddisfatta. :)))))Ciao


~ Pagina visitata da 6901 utenti





Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥


Basi e utilità pagine web



html tag scrittura pagine web





Script per pagina



Script per gadget




Preleva anche tu una tag Help donna

Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!



Link del telaio...

ೡ Il telaio di Penelope
☆ Template webset e blog
☆ Un sito su AlterVista
☆ Gif & co...





I vostri messaggi...

Veronica ~ 24/09/2026 05:33:38
Thank you for writing this up! I genuinely appreciated how you explained “Webset Free Soft colors...” — you don't often find this kind of well-structured perspective. Lately I've been following this topic myself, so I started some notes over here: starzbet nedir (Kasha) Keep it up!
ૡScritto in Home
Christine ~ 24/09/2026 04:47:54
Excellent post. I am experiencing many of these issues as well..
ૡScritto in Home
Celesta ~ 24/09/2026 03:59:04
Outstanding story there. What happened after? Good luck!
ૡScritto in Home
ૡPenelope ♥ ~ 22/09/2026 20:36:49
Grazie a te carissima Marina
ૡScritto in Calendario magico box small
marina ~ 20/09/2026 20:04:19
Grazie infinite per il bellissimo calendario.
ૡScritto in Calendario magico box small
ૡPenelope ♥ ~ 14/09/2026 22:32:30
Cara Filo d'arianna un po' di anni fa ho realizzato qualche grafica per ForumFree ed era un delirio non so se è ancora così ma la grafica si componeva con decine di piccole immagini, davvero tanto lavoro nemmeno gratificante purtroppo, per quanto riguarda i tutorial, sono una maniaca di html, php e js ma sulla gestione di un forum non saprei da dove partire Un abbraccio forte
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 14/09/2026 18:34:20
Carissima Filo d'arianna grazie alla tua segnalazione ho risolto un problema nel commentario purtroppo per evitare spam e messaggi sgradevoli avevo impostato un eccesso nei controlli, ripristinato, ora si può commentare e mettere url del proprio spazio senza problemi grazie infinite cara un abbraccio forte forte
ૡScritto in Home
filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home
filod'arianna ~ 12/09/2026 06:52:57
Hai mai pensato di buttarti nel creare grafica e tutorial per ForumFree? 😂 Sto scherzando, ma solo a metà! Sarebbe fantastico. Ne approfitterei immediatamente
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 11/09/2026 16:56:26
Carissima Filod'arianna ti ringrazio tantissimo è il più bel complimento che si possa riceve! Un abbraccio forte e viva l'autunno!!!
ૡScritto in Blogger Kit Autunno