Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Adsense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
I postatori più attivi del mese
Admin
 

Codice Javascript countdown anno 2013

Andare in basso

Codice Javascript countdown anno 2013

Messaggio Da Admin 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
Admin
♔ Amministratore

Messaggi Messaggi : 4302
Crediti Crediti : 11990
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Visualizza il profilo dell'utente http://wikiinfo.forumattivo.it

Torna 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 : 510
Crediti Crediti : 2223
Reputazione Reputazione : 24
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 29
Località Località : Milano

Visualizza il profilo dell'utente

Torna 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à : 24

Visualizza il profilo dell'utente

Torna in alto Andare in basso

Re: Codice Javascript countdown anno 2013

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

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

Messaggi Messaggi : 4302
Crediti Crediti : 11990
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Visualizza il profilo dell'utente http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Torna in alto


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