Seguimi su Youtubue
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Google AdSense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
I postatori più attivi del mese
Poderak
 
Ilfalco78
 
Lorenzo lollo
 
fulvio
 

Codice Javascript countdown anno 2013

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso

Codice Javascript countdown anno 2013

Messaggio Da Poderak il Gio Dic 27, 2012 10:10 am


Ciao a tutti ragazzi, in attesa dell'anno 2013, è possibile fare il countdown esatto di quando finirà l'anno 2012 e inizierà l'anno nuovo. Ecco il codice iframe dell'applicazione:
Codice:
<iframe  src="http://wicdocumenti.altervista.org/new-year.php" width=340 height=150 frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling="no" ALLOWTRANSPARENCY="true">
</iframe>

Per i più esperti, do la possibilità di modificarne il contenuto in caso vogliono modificarlo, migliorarlo o quello che volete. Aprite lo spoiler per visualizzare la sorgente pagina:
Spoiler:
Codice:
<script type="text/javascript">
/*estratto da wikiinfo.forumattivo.it*/
function countdown()
{
var_anno=2013;
var_mese=1;
var_giorno=1;
var_ore=0;
var_minuti=2;
var_secondi=20;
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="<b>!!!!!!Buon anno 2013!!!!!!</b>";
}
else
{
document.getElementById("countdown").innerHTML=giorni +' giorni '+ore+' ore '+minuti+' min '+secondi+' sec';
setTimeout("countdown()",1000)
}
}
</script>

<style>
#countdown {
  background-repeat: no-repeat;
  text-align: center;     
  width: 450px;
  height: 150px;   
  background-image: url('http://i15.servimg.com/u/f15/16/84/89/65/qcvy10.png');
}
</style>
<body onload="countdown()"><div id="countdown">Sto caricando...</div>
avatar
Poderak
♔ Amministratore

Messaggi Messaggi : 4147
Crediti Crediti : 11648
Reputazione Reputazione : 185
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 18
Località Località : Brescia

Vedere il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

Re: Codice Javascript countdown anno 2013

Messaggio Da Bix il Gio Dic 27, 2012 4:29 pm

Interessante come Javascript. Wow, come passa il tempo. Da oggi mancano solo 4 giorni al 2013 :O.


avatar
Bix
♔ Amministratore

Messaggi Messaggi : 508
Crediti Crediti : 2221
Reputazione Reputazione : 24
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 27
Località Località : Milano

Vedere il profilo dell'utente

Tornare in alto Andare in basso

Re: Codice Javascript countdown anno 2013

Messaggio Da Mariavita il Gio Dic 27, 2012 4:32 pm

Carina la grafica Very Happy. Peccato che non ho un blog per inserirlo, l'ho guarderò su Wiki Info in attesa del grande evento xD.
avatar
Mariavita
Livello tre
Livello tre

Messaggi Messaggi : 114
Crediti Crediti : 432
Reputazione Reputazione : 10
Data d'iscrizione Data d'iscrizione : 03.06.12
Età Età : 23

Vedere il profilo dell'utente

Tornare in alto Andare in basso

Re: Codice Javascript countdown anno 2013

Messaggio Da Poderak il Gio Dic 27, 2012 4:45 pm

lol! Okay, fai come vuoi Mariavita. Bix, concordo pienamente con te Very Happy.
avatar
Poderak
♔ Amministratore

Messaggi Messaggi : 4147
Crediti Crediti : 11648
Reputazione Reputazione : 185
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 18
Località Località : Brescia

Vedere il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

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


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