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

..:: Conta tempo ::..

Vediamo uno script che ci permette di visualizzare il tempo trascorso
da una data prestabilita, ecco qui un esempio pratico del suo utilizzo... ^_^


Cliccate qui per vedere il codice base

Lo script è in un unico pezzo e va postato nel punto in cui si vuole visualizzare
e comunque sotto il tag <body>, possiamo fare tutte le personalizzazioni che vogliamo,
sia agendo nei campi stabiliti nello script stesso che nella pagina in cui lo utilizziamo

- All'inizio dello script troviamo questo blocco in cui effettuare le varie personalizzazioni,
ho inserito indicazioni in italiano per ogni parametro così da facilitare il lavoro^^

//////////INIZIO PERSONALIZZAZIONI SCRIPT//////////////////

//1) Inserire qui la data di inizio conteggio nel formato: anno, mese e giorno
setcountup(2008,7,25)

//2) Scrivere qui il testo che accompagna il calcolo
var displaymessage="Tuo testo qui"

//3)
var countupwidth='95%' // Personalizza la larghezza di visualizzazione conta tempo
var countupheight='20px' //Personalizza l'altezza applicabile solo per NS4
var countupbgcolor=' ' // Personalizza lo sfondo di visualizzazone conta tempo
var opentags='<font face="Tahoma" color="#5e402a" font size="2">' // Personalizza tipo, colore e misura font
var closetags='<\/font>' // Chiusura tag parametri font

//////////FINE PERSONALIZZAZIONI SCRIPT//////////////////

* Il punto 2) var displaymessage="Tuo testo qui" è il campo in cui
scrivere il messaggio che seguirà il conteggio, facciamo attenzione a scrivere tutto
su una linea, se dobbiamo andare a capo utilizziamo il classico tag <br>

Se il messaggio lo vogliamo visualizzare prima del conteggio
lasciamo vuoto questo campo e scriveremo il testo prima dello script

Il telaio è online da... <script type="text/javascript"> ecc. ecc.

Oppure possiamo scrivere un testo prima dello script e altro nell'apposito tag

Sono trascorsi <script type="text/javascript"> ecc. ecc.</script> dalla nascita del telaio!

* Per visualizzare il conteggio con lo stesso font utilizzato per il resto
della pagina basterà lasciare vuoti i parametri dei campi per la personalizzazione

var opentags=' ' // Personalizza tipo, colore e misura font
var closetags=' ' // Chiusura tag parametri font

Se volete realizzare un conta tempo particolare con un po' di attenzione è
possibile andare a capo anche con le varie parti del conteggio


- Alla fine dello script troviamo la parte di codice che permette la visualizzazione
delle varie parti del conta tempo, basterà mettere dei <br> nei punti giusti
N.B.: nello script la parte che qui vedete evidenziata è scritta tutta su una linea,
non andate a capo, lo script non funzionerebbe più, lasciatelo esattamente com'è

if (document.layers){
document.countupnsmain.document.countupnssub.document.write(opentags+dday+ "giorni<br>"+dhour+" ore<br>"+dmin+" minuti e <br>"+dsec+" secondi"+displaymessage+closetags)
document.countupnsmain.document.countupnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " giorni <br>"+dhour+" ore <br>"+dmin+" minuti e <br>"+dsec+" secondi "+displaymessage+closetags

- Un ultima cosa, è possibile inserire una sola volta lo script in una pagina,
se volete due conta tempo dovrete utilizzare un iframe

# Per scaricare il codice cliccate qui -> Conta tempo

in file txt, vi basterà aprire il file, copiare tutto e incollare dove lo volete visualizzare

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

🧩 ✨ Apprezzato
86.67%
Voti totali: 3
Rating... 4




Commentario...

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









~ Pagina visitata da 2312 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...

ૡPenelope ♥ ~ 19/03/2026 21:16:39
Ciao cara Sari mi fa molto piacere volevo lasciare un saluto da te ma il blog è privato quindi lo faccio qui, un abbraccio forte forte buon blog!
ૡScritto in Calendari fiorellini
Sari ~ 19/03/2026 12:54:53
Sono Sari di vocedivento e sto allestendo il mio blog pasquale. A questo scopo ho prelevato il calendarietto a fiorellini azzurri.Grazie, come sempre. Ciao
ૡScritto in Calendari fiorellini
Cris ~ 16/03/2026 15:25:23
Ciao. Ho preso un tuo Almanacco, è perfetto per il mio blog. Grazie!
ૡScritto in Almanacco soft
Sabry ~ 10/03/2026 11:39:07
Io ti adoro ... vorrei tanto essere brava come te, ti seguo da anni e rimango sempre affascinata dalla tua astuzia e bravura e creativitá ♥ Prendo spunti ♥ Grazie di ♥
ૡScritto in Sfondo pagina
Gabriella ~ 09/03/2026 18:37:40
Ciao Penny, come sempre i tuoi lavori sono molto eleganti ,ne ho prelevato due per adesso ;) grazie
ૡScritto in Decori pagine Primavera
soleyada ~ 07/03/2026 22:02:27
Mi hai fatto tornare indietro nel tempo cara Penny, non smettere mai di splendere, è tutto stupendo qui, ti auguro il meglio, bacioni :-*
ૡScritto in Countdown Primavera
Cris ~ 24/02/2026 08:17:18
Ciao, e bentornata. Mi è sempre piaciuto il tuo bel sito. Ho creato da poco un blog, il tuo sito è il primo tra i miei preferiti.
ૡScritto in Home
MOra Ribelle ~ 16/02/2026 12:05:35
Buongiorno, contenta del tuo ritorno. Mi domando come metto anche io questo box saluti? grazie
ૡScritto in Gif & co...
Sari ~ 14/01/2026 17:31:32
Buon Anno Penelope. Ho prelevato un top pagina sostituendo quello natalizio. Tutto bello e utile qui, grazie.
ૡScritto in Marquee con Javascript
Frann ~ 25/12/2025 15:09:37
Cara amica Penelope, ti auguro un Natale, con pace, amore e tanta gioia. Bacione ~ Frann
ૡScritto in Home