Décomptes de temps bloqués

**gidebo** · 30/04/2010, 13h10

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** · 30/04/2010, 13h16

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

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

**gidebo** · 30/04/2010, 14h07

c'est rectifié, désolé

**vermine** · 30/04/2010, 15h00

Bonjour,

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

**gidebo** · 30/04/2010, 15h23

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** · 30/04/2010, 15h25

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.

**gidebo** · 30/04/2010, 15h40

merci, j'ai modifié en conséquence

Code :

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

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

**vermine** · 30/04/2010, 15h53

Ne serait-ce pas plutôt un:

Code :

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

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

**gidebo** · 30/04/2010, 16h03

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

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

**Bovino** · 30/04/2010, 16h13

Ce serait plutôt

Code :

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

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

et

Code :

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

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

**gidebo** · 30/04/2010, 16h42

non, toujours aucune différence

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

**SpaceFrog** · 30/04/2010, 16h58

je verrais plutot un truc du genre

Code :

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

1
2
 
var compteurs=new Aray();

et à chaque nouveau compteur:

Code :

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

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

**gidebo** · 30/04/2010, 17h10

désolé, toujours pas de changement :lol

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

)

**SpaceFrog** · 30/04/2010, 17h14

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

**gidebo** · 30/04/2010, 17h33

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

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
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&nbsp;"+h+"h&nbsp;"+mn+"mn&nbsp;"+sec+"s&nbsp;";
	}
	tRebour[num] = new setInterval(CAR(counter,annee,mois,jour,num),1000);
}

**SpaceFrog** · 02/05/2010, 13h42

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

**gidebo** · 03/05/2010, 11h41

ok, donc j'ai fait

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
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&nbsp;"+h+"h&nbsp;"+mn+"mn&nbsp;"+sec+"s&nbsp;";
	}
	tRebour[num] = new setTimeout(CAR(counter,annee,mois,jour,num),1000);
}

et la fonction est appelée deux fois avec

Code :

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

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 :

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

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

**SpaceFrog** · 03/05/2010, 11h55

Code :

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

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

vire le puisque tu fais un setInterval !!!

**gidebo** · 03/05/2010, 12h55

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

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

**Bovino** · 03/05/2010, 13h00

Code :

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

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

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

Code :

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

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

Décomptes de temps bloqués

JavaScript

Discussions similaires

Partager

Partager