Creare un countdown in Javascript

countdown 2016 - Creare un countdown in Javascript Empty Creare un countdown in Javascript

Messaggio Da Ospite Dom 27 Mag 2012 - 16:30

Creare un countdown in Javascript


countdown 2016 - Creare un countdown in Javascript Pubbli10

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. (Motivazione : Rimozione di una scritta, sotto richiesta dell'autore del tutorial.)
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.