Discussion :

[gidebo]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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

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

[gidebo]

c'est rectifié, désolé

[vermine]

Bonjour,

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

[gidebo]

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].

[Bovino]

Ce que vermine veut dire, c'est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.