countdown 2016

[T.Aurora]

Ho provato a cercare in ogni dove, ma nel topic che parla di come creare un countdown possono aprire topic solo gli amministratori, quindi apro un topic io.
Io ho trovato questo che ho provato a modificare inserendo la data ecc.ecc. ma dopo la convalida nel forum non si vede da nessuna parte.
Non ho altri countdown sul forum...l'unico orpello che ho sono una calza e omino di neve...forse sono loro che contrastano questo script? Oppure sono io che sbaglio...
Vi ringrazio se potete aiutarmi e se no vi ringrazio lo stesso

Questo il codice di Martino Pio che ho provato a mettere in Javascript dopo appunto le opportune modifiche...

Codice:

    <script type="text/javascript">
/*countdown - conto alla rovescia*/
function countdown()
{
var_anno=2015;
var_mese=12;
var_giorno=31;
var_ore=00;
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("Buon Anno!").innerHTML="OPS, Tempo scaduto";
}
else
{
document.getElementById("countdown").innerHTML=giorni +' giorni '+ore+' ore '+minuti+' min '+secondi+' sec';
setTimeout("countdown()",1000)
}
}
</script>
<div id="countdown">
</div>

[Teodor]

Ciao, io credo che ci sia qualcosa che non va nel codice.

A me risulta che il codice fornito nel tutorial sia questo:

Codice:

var horloge=function(cible,options){
         if(!(cible.tagName||(cible instanceof jQuery&&cible[0].tagName)))return false;
         this.cible=cible;
         this.options=options||this.optionsParDefaut();
         };
         horloge.prototype={
       /*récupération de l'heure*/
       heure:function(){
         var d=new Date(),date=[],i,h,m,s,r=this,t,u,v=this.options.f_H;
         h=d.getHours();m=d.getMinutes();s=d.getSeconds();
         date["h"]=h<10?"0"+h:""+h;
         date["m"]=m<10?"0"+m:""+m;
         date["s"]=s<10?"0"+s:""+s;
         for(i in date){
         for(t=0;t<date[i].length;t++){date[i+(t+1)]=date[i][t];}
         }
         /*Actions*/
         t=v.match(/\{[jhms][0-9]?\}/g);
         for(i in t){
         v=v.replace(t[i],(u=date[t[i].slice(1,-1)])?u:"mode "+t[i]+" inconnu")
         }
         this.cible instanceof jQuery?this.cible.html(v):this.cible.innerHTML=v;
         /**/
         setTimeout(this.heure.bind(this),1000)
         },
         /*mode a rebours*/
         a_rebours:function(date_cible){
         var d=new Date(),date=[],dc=date_cible,dfs,i,j,h,m,s,r=this,t,u,v=this.options.f_C;
         dc=dc.split(/\D/);
         if(dc.length!=6){this.options.cible.html("Date non valide");return false};
         dc=dc.map(function(e){return parseInt(e)});
         dc=((t=dc[2])<10?"0"+t:t)+"-"+((t=dc[1])<10?"0"+t:t)+"-"+((t=dc[0])<10?"0"+t:t)+"T"+((t=dc[3])<10?"0"+t:t)+":"+((t=dc[4])<10?"0"+t:t)+":"+((t=dc[5])<10?"0"+t:t);
         dc=new Date(dc);
         dfs=parseInt((dc.getTime()>d.getTime())?(dc.getTime()-d.getTime())/1000:0);
         s=dfs%60;dfs-=s;
         j=parseInt(dfs/0x15180);dfs-=j*0x15180;
         h=parseInt(dfs/3600);dfs-=h*3600;
         m=dfs/60;
         date["j"]=""+j;
         while(date["j"].length<parseInt(this.options.n_J)){
         date["j"]="0"+date["j"];
         }
         date["h"]=h<10?"0"+h:""+h;
         date["m"]=m<10?"0"+m:""+m;
         date["s"]=s<10?"0"+s:""+s;
         for(i in date){
         for(t=0;t<date[i].length;t++){
         date[i+(t+1)]=date[i][t];
         }
         }
         /*Actions*/
         t=v.match(/\{[jhms][0-9]?\}/g);
         for(i in t){
         v=v.replace(t[i],(u=date[t[i].slice(1,-1)])?u:"mode "+t[i]+" inconnu")
         }
         this.cible instanceof jQuery?this.cible.html(v):this.cible.innerHTML=v;
         /**/
         this.instance_a_rebours=setTimeout(this.a_rebours.bind(r,date_cible),1000);
         if(0>=parseInt((dc.getTime()>d.getTime())?(dc.getTime()-d.getTime())/1000:0)){clearTimeout(this.instance_a_rebours);this.fin_a_rebours()}
         },
         fin_a_rebours:function(){},
       optionsParDefaut:function(){return {
       /*options de base*/
       /*taille fixe jours*/
       n_J:3,
       /*format Horloge*/
       f_H:'{h}:{m}:{s}',
       /*format Compte a rebours*/
       f_C:'{j} jours {h}:{m}:{s}'
       }}
       };

Conto alla rovescia


Se sto sbagliando, forniscimi il link del tutorial che hai guardato.

[MattiaDes]

Manca questa parte:

Codice:

<body onload="countdown()"><div id="countdown"></div></body>

[T.Aurora]

Manca questa parte:

Codice:

<body onload="countdown()"><div id="countdown"></div></body>

Grazie Mattia...sii gentile a quale manca questa parte, al primo o al secondo?

teo il link è questo:

https://aiuto.forumattivo.it/t15138-creare-un-countdown-in-javascript?highlight=countdown+2016

[Teodor]

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></body>

Prova a modificare questo a tuo piacere e dimmi se funziona

[T.Aurora]

No, purtroppo non funziona.

[Teodor]

Ora devi andare avanti.

https://aiuto.forumattivo.it/t19061-countdown-2016?nid=8#135744


Procedi con l'installazione.

[T.Aurora]

Scusa teo...io sarò anche vecchia, ma devo andare avanti dove?... il link che hai postato mi riporta qui...
Quel codice che hai postato io l'ho inserito in javascript, ho convalidato, ma esso non appare.
Quale altra installazione dovrei fare?
Chiedo scusa se non capisco...

[Niko]

Prova a fare così

crea un nuovo codice javascript in tutte le pagine

Codice:


/*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)
}
}


ora vai nei templates e modifica overall_header.. cerca:

Codice:

<body>

e sostituiscilo con

Codice:


<body onload="countdown()">

---

ora inserisci questo dove far comparire il countdown:

Codice:

<div id="countdown"></div>

[T.Aurora]

Grazie Niko, sei sempre gentilissimo. Credevo fosse una cosa più semplice come quello di Natale per capirci, ma ci proverò senz'altro.
Metto risolto perchè dubito che tornerò a rompere gli zebedei... e poi so de coccio, quindi vedrò di farcela.
Buon Anno e grazie per la pazienza.

[Teodor]

Ciao, lascio lo stesso aperto nel caso tu riscontri difficoltà.


Facci tu sapere quando lo avrai installato e sarà funzionante. 

[T.Aurora]

Grazie...allora ne approfitto:

< body > ---> a me appare questo a riga 211 < body id="phpbb" > ed è questo che devo sostituire con

Codice:

<body onload="countdown()">

?

[Teodor]

No, devi cercare proprio

Codice:

<body>

[T.Aurora]

getto la spugna... mi sono letta 3 volte le 341 righe e

Codice:

<body>

da solo non l'ho trovata.
Ho provato anche con la funzione cerca che c'è in alto...la parola è uscita due volte, ma mai da sola, quindi non so proprio nè che fare nè che dire.
Ci penserò domani... dopotutto domani è un altro giorno

[Teodor]

Magari @Niko ti ha fornito i passaggi per una versione diversa dalla tua.


Che versione hai sul tuo forum?

[T.Aurora]

phpBB3

[jessy]

http://hilios.github.io/jQuery.countdown/
prova questo in un widget

[T.Aurora]

Grazie Jessy...ci avevo già provato perchè una volta tutti questi widget riuscivo a metterli io, ma con questo forum ci vogliono degli script diversi che io non so fare. Grazie lo stesso.

[jessy]

ok...ti faccio sapere.Ciao

[CalebLost]

Scusate se mi intrometto, ma quale sarebbe il JS per il Countdown?

[Niko]

Dal momento che il 2016 è ormai arrivato, deduco che questo topic non serva più

archivio