Décomptes de temps bloqués

Bonjour,

J'ai une page avec plusieurs compteurs de temps dynamiques affichant le temps restant entre la date du moment et une date de fin récupérée dans une base de données.
Quand je mets un seul compteur sur la page, il fonctionne et les secondes s'écoulent normalement.
Quand j'en mets plusieurs, le temps restant sur chacun apparait, mais les secondes ne diminuent pas (sauf bien entendu si je rafraichis la page).

Voici le code de la partie concernée :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<script> function CAR(counter,annee,mois,jour,num) { var date_actu = new Date(); var date_fin = new Date (annee,mois-1,jour); var sec = (date_fin - date_actu) / 1000; var n = 24 * 3600; if (sec > 0) { j = Math.floor (sec / n); h = Math.floor ((sec - (j * n)) / 3600); mn = Math.floor ((sec - ((j * n + h * 3600))) / 60); sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60))); counter.innerHTML = j+"j"+h+"h"+mn+"mn"+sec+"s"; } tRebour[num]=setTimeout ("CAR(counter,annee,mois,jour,num);", 1000); } </script>   <p id='compte_rebours[4]'></p>   <script> var compteur=document.getElementById('compte_rebours[4]'); CAR(compteur,2011,01,01,4); </script>   <p id='compte_rebours[1]'></p>   <script> var compteur=document.getElementById('compte_rebours[1]'); CAR(compteur,2010,06,01,1); </script>

---

Si quelqu'un a une idée pour me sortir de cette impasse :)

merci

Merci de poster le code HTML + JavaScript généré, pas le PHP.

:fleche: http://www.developpez.net/forums/d73...isation-forum/

c'est rectifié, désolé

Bonjour,

Vos compteurs portent le même nom. :o
C'est donc la même variable qui est redéfinies.

Bonjour,

Je ne comprends pas ce que vous voulez dire.
Sur le premier compteur, le nom est compte_rebours[4], et sur le second, ils s'agit de compte_rebours[1].

Ce que vermine veut dire, c'est :

Code:

---

1 2 3

var compteur=document.getElementById('compte_rebours[4]'); ... var compteur=document.getElementById('compte_rebours[1]');

---

C'est bien toujours le même nom (compteur) et chaque déclaration écrase la précédente.

merci, j'ai modifié en conséquence

Code:

---

1 2 3 4 5

var compteur4=document.getElementById('compte_rebours[4]'); CAR(compteur4,2011,01,01,4);   var compteur1=document.getElementById('compte_rebours[1]'); CAR(compteur1,2010,07,01,1);

---

mais les compteurs ne défilent toujours pas

Ne serait-ce pas plutôt un:

Code:

---

1 2	setInterval(function(){CAR(counter,annee,mois,jour,num)}, 1000);

---

? setInterval est plus adéquat pour un compteur. Mais faites attention aux passages de paramètres (pas sûr de moi).

merci, j'ai corrigé, mais toujours aucune différence :cry:

edit : apparemment, d'après ce que j'ai pu lire, settimeout serait plus facilement compatible avec les différents navigateurs que setinterval

Ce serait plutôt

Code:

---

var CAR = function(counter,annee,mois,jour,num)

---

et

Code:

---

var compteur4 = new CAR(document.getElementById('compte_rebours[4]'),2011,01,01,4);

---

non, toujours aucune différence

c'est sûrement plus propre niveau code, mais rien à faire, les compteurs restent figés

je verrais plutot un truc du genre

Code:

---

1 2	var compteurs=new Aray();

---

et à chaque nouveau compteur:

Code:

---

compteurs.push(new CAR(....))

---

désolé, toujours pas de changement :lol

(ne vous prenez pas la tête dessus, je trouverai bien un autre moyen;))

HA ben non frocément
tu fais un setTimeout en realncant une autre focntion à la fin
il faut passer par un setInterval et avoir une nouvelle instance de setInterval à chaque fois ...

autrement dit, ma fonction doit ressembler à ca ?
(désolé, j'suis vraiment pas doué en js)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function(counter,annee,mois,jour,num) { var date_actu = new Date(); var date_fin = new Date(annee,mois-1,jour); var sec = (date_fin - date_actu) / 1000; var n = 24 * 3600; if (sec > 0) { j = Math.floor(sec / n); h = Math.floor((sec - (j * n)) / 3600); mn = Math.floor((sec - ((j * n + h * 3600))) / 60); sec = Math.floor(sec - ((j * n + h * 3600 + mn * 60))); counter.innerHTML = j+"j "+h+"h "+mn+"mn "+sec+"s "; } tRebour[num] = new setInterval(CAR(counter,annee,mois,jour,num),1000); }

---

non une fonction CAR() et tu la lances en setInterval

ok, donc j'ai fait

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function CAR(counter,annee,mois,jour,num) { var date_actu = new Date(); var date_fin = new Date(annee,mois-1,jour); var sec = (date_fin - date_actu) / 1000; var n = 24 * 3600; if (sec > 0) { j = Math.floor(sec / n); h = Math.floor((sec - (j * n)) / 3600); mn = Math.floor((sec - ((j * n + h * 3600))) / 60); sec = Math.floor(sec - ((j * n + h * 3600 + mn * 60))); counter.innerHTML = j+"j "+h+"h "+mn+"mn "+sec+"s "; } tRebour[num] = new setTimeout(CAR(counter,annee,mois,jour,num),1000); }

---

et la fonction est appelée deux fois avec

Code:

---

1 2 3 4

<p id='compte_rebours[4]'></p> <script> var compteur4 = setInterval(CAR(document.getElementById('compte_rebours[4]'),2011,01,01,4)); </script>

---

et

Code:

---

1 2 3 4

<p id='compte_rebours[1]'></p> <script> var compteur1 = setInterval(CAR(document.getElementById('compte_rebours[1]'),2010,07,01,1)); </script>

---

mais toujours pareil, les compteurs s'affichent mais ne défilent pas:(

Code:

---

tRebour[num] = new setTimeout(CAR(counter,annee,mois,jour,num),1000);

---

vire le puisque tu fais un setInterval !!!

je l'avais fait en plus...j'avais copié/collé la fonction avant modif:oops:

donc, pas de changement...je ne pige pas, ca doit pourtant pas être compliqué

j'ai même essayé en appelant 2 fonctions différentes (CAR1 et CAR2), et rien ne bouge...un peu comme si le fait de calculer 2 comptes à rebours simultanés était impossible

Code:

---

var compteur1 = setInterval(CAR(document.getElementById('compte_rebours[1]'),2010,07,01,1));

---

:nono:
En faisant comme ça, c'est le résultat de l'exécution de la fonction qui sera appelé par le setTimeout.

Code:

---

var compteur1 = setInterval(function(){CAR(document.getElementById('compte_rebours[1]'),2010,07,01,1)},1000);

---

génial, merci ca fonctionne:ccool:

encore merci à tous ceux qui ont pris de leur temps pour m'aider :)