Creare un countdown in Javascript

Da Ospite Dom 27 Mag 2012 - 16:30

Creare un countdown in Javascript

Ciao utenti,
in questo tutorial vi mostrerò un codice Javascript per creare un countdown in pochissimi passi. Potrà essere inserito dove volete, basta che non ci siano due codici di countdown in una stessa pagina perché si rischia un mal funzionamento di esso.

Codice:: <script type="text/javascript"> /*countdown - conto alla rovescia*/ function countdown() { var_anno=2012; var_mese=4; var_giorno=25; var_ore=21; var_minuti=0; var_secondi=0; data_scandeza= new Date(var_anno,var_mese-1,var_giorno,var_ore,var_minuti,var_secondi); data_oggi= new Date(); differenza=(data_scandeza-data_oggi); giorni=parseInt(differenza/86400000); differenza=differenza-(giorni*86400000); ore=parseInt(differenza/3600000); differenza=differenza-(ore*3600000); minuti=parseInt(differenza/60000); differenza=differenza-(minuti*60000); secondi=parseInt(differenza/1000); differenza=differenza-(secondi*1000); if (giorni <= "0" && ore <= "0" && minuti <= "0" && secondi <= "0") { document.getElementById("countdown").innerHTML="OPS, Tempo scaduto"; } else { document.getElementById("countdown").innerHTML=giorni +' giorni '+ore+' ore '+minuti+' min '+secondi+' sec'; setTimeout("countdown()",1000) } } </script> <body onload="countdown()"><div id="countdown"></div>

Le parti da modificare (IMPORTANTE) sono le seguenti parti del codice:

Codice:: var_anno=2014; var_mese=4; var_giorno=25; var_ore=21; var_minuti=0; var_secondi=0;

Inserite data, minuti e secondi quando volete che il countdown termina. Per modificare la parola finale quando finisce il tempo dovete modificare la seguente parte:

Codice:: document.getElementById("countdown").innerHTML="OPS, Tempo scaduto";

Spero che vi servi per evitare widget presi da altri siti.

Buon proseguimento nel forum ciao!

Tutoriale pubblicato da : MartinoPio
Copyrigth FORUMATTIVO.COM