Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Creare un countdown in Javascript


Creare un countdown in Javascript

Messaggio Da Martino il 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




Ultima modifica di Claudio (Zadan Scroll) il Lun 28 Mag 2012, 20:20, modificato 1 volta (Ragione : Rimozione di una scritta, sotto richiesta dell'autore del tutorial.)


Staff - Moderatore

Martino
Moderattivo
Moderattivo

Sesso : Maschile
Età : 18
Messaggi : 4160
Località : Italia


Vedere il profilo dell'utente http://wikiinfo.forumattivo.it/
Martino è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum