Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.28 secondi
Link navigazione : Home telaioHome ~ 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 https://www.iltelaiodipenelope.it */

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 ^_^




78%
Voti totali: 10
Rating... 4





Commentario...

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

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  

I vostri commenti in questa pagina...


Sari ~ HomePage
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 ~ HomePage
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 7373 utenti


 H: 
Buon Autunno e ...buona domenica!





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 ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...


Natale menu

ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio

Sito o forum
Blogger-Blogspot

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

ೡPenelope ♥
29/11/2025 18:34:13
Grazie a te carissima Marilinc
ೡ Scritto in... Settimanelli natalizi
 
ೡPenelope ♥
29/11/2025 18:30:37
Merci beaucoup chère Maleah, vous trouverez ici des modèles prêts à l'emploi pour Blogspot [Link] e ne peux pas réaliser de travaux sur commande, désolé
ೡ Scritto in... html e script Tutorial...
 
MARILINC
29/11/2025 08:59:51
Grazie infinite meravigliosi c'è solo l'imbarazzo della scelta!
ೡ Scritto in... Settimanelli natalizi
 
Maleah
26/11/2025 13:58:21
Bonjour de France,Je viens de découvrir ton superbe blog et suis très admirative pour l'excellent travail que tu fais.Je ne sais pas si tu acceptes de modifier des blogspots et tente ma demande d'aide :Je suis une créatrice depuis des années déjà mais j'avoue je suis NULLE quant à la mise en place " design" de mon blog.Accepterais-tu de me réaliser un design pour Noël ?Cela me comblerait de joie, mais si tu ne peux pas je comprendrais parfaitement ta décision.Merci de ta réponse & encore UN IMMENSE BRAVO pour tes diverses créations.Amitié virtuelle.Maleah-Sunsunmaleah@gmail.com
ೡ Scritto in... html e script Tutorial...
 
ೡPenelope ♥
13/11/2025 20:28:01
Grazie infinite cara Dany
ೡ Scritto in... Romantici vintage
 
DanyGraphic
12/11/2025 22:56:52
Ciao Penelope i template sono carinissimi come tutti i tuoi lavori d'altra parte. Ti faccio tanti complimenti. Un abbraccio grande, dolce ♥♥
ೡ Scritto in... Romantici vintage
 
ೡPenelope ♥
12/11/2025 22:27:17
Ciao Elżbieta ti ringrazio per il complimento, per la traduzione puoi usare Google Un abbraccio
ೡ Scritto in... Home
 
Elżbieta
05/11/2025 14:28:32
Wizualnie podoba mi się Twój blog, ale nie wiem jak włączyć tłumaczenie. Pozdrawiam
ೡ Scritto in... Home
 
Veronica
01/11/2025 16:58:42
Preso un tuo adottino x il mio blog
ೡ Scritto in... Home
 
Karla "SEyez"
28/10/2025 14:50:44
Bellísima!
ೡ Scritto in... Banner link del telaio ^_^