Probleme pour plusieurs compte à rebours

Version imprimable

Bonjours, j'ai déjà lus plusieurs article et réussi à faire un compte à rebours mais je n'arrive pas à un crée d'autre car ils modifient le premier du fait de l'id.

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
var minutes = 0;
var heures = 0;
var secondes = 0;
var actif = null;
 
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
FONCTIONS INITIALISANT LE COMPTE A REBOURS
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
 
function start_timer() 
{
 
 
	total_secondes = secondes * 1000; //Conversion en miliseconde pour window.setTimeOut
	if (secondes > 60) 
	{
		minutes = Math.floor(secondes / 60);
		secondes = secondes - minutes * 60;
	}
	if (minutes > 60) 
	{
		heures = Math.floor(minutes / 60);
		minutes = Math.floor(minutes - heures * 60);
	}
	var actif = window.setInterval("change_timer()", 1000);
	window.setTimeout("window.clearInterval(actif)",total_secondes);
}
 
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
AJOUT DE SECONDE AU COMPTE A REBOURS
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
function add_time(time) 
{
   secondes += time;
}
 
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
CHANGEMENT DU COMPTE A REBOURS
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
function change_timer() 
{
	if (secondes > 0) 
	{
		secondes-= 1;
	}
	else 
	{
		if (secondes == 0 && minutes > 0) 
		{
			secondes = 59;
			minutes-= 1;
		}
		else 
		{
			if (secondes == 0 && minutes == 0 && heures > 0) 
			{
			secondes = 59;
			minutes = 59;
			heure-= 1;
			}
		}
	}
	if (heures < 10) rheures = '0'+heures; else rheures = heures;
	if (minutes < 10) rminutes = '0'+minutes; else rminutes = minutes;
	if (secondes < 10) rsecondes = '0'+secondes; else rsecondes = secondes;
	document.getElementById("count1").innerHTML = rheures+":"+rminutes+":"+rsecondes;
}

Je pense que le problème vient du fait qu'ils partagent les mêmes variables de temps(sec,min,heure) et pour l'affichage il faudrait changer l'id, mais j'ai essayer et n'y arrive pas :( quelqu'un aurait une solution SVP ?

08/05/2006, 18h37
cerede2000
J'arrive pas a utiliser ton code:
Code:

1 2 3 <body onload="start_timer();"> <div id="count1"></div> </body>
08/05/2006, 18h45
meliandah

oui il faut utiliser la fonction add_time pour ajouter des secondes car elles sont à 0 d'origine :) Mais sinon le plus simple serais de concevoir une fonction de chrono dynamique dans laquelle on entre un parametre en seconde puis affiche directement le chrono la ou on appelle la fonction. Est-ce possible?
08/05/2006, 18h49
cerede2000

Je ne comprend pas le fonctionnement de ton script!! J'arrive a rien avec. Mais il ya d'autre moyen de faire ca.

Deja moi je te propose ca:

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
<script type="text/javascript" language="javascript">
heus = 0;
mins = 0;
secs = 0;
function time()
{
 if (secs < 10) secs = "0"+Math.round(secs);
 else if(secs >= 60)
 {
  secs = "00";
  mins++;
 }
 if (mins < 10) mins = "0"+Math.round(mins);
 else if(mins >= 60)
 {
  mins = "00";
  heus++;
 }
 if (heus < 10) heus = "0"+Math.round(heus);
 else if(heus >= 24) heus = "00";
 heures = " "+heus + ":" + mins + ":" + secs;
 if (document.getElementById)
 {
  document.getElementById("count1").innerHTML= heures;
 }
 secs++;
 setTimeout("time()", 1000);
}
window.onload = time;
</script>

08/05/2006, 18h54
meliandah

Attend oué c'est galere la...je refait.

Tien essaye ca dit moi si deja ca correspond a ce que tu veut:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
<head>
<title>TIMER</title>
<head>
<script type="text/javascript" language="javascript">
var tab=null;
function arch(t)
{
 tab=t;
}
heus = 0;
mins = 0;
secs = 0;
function time()
{
 if (secs < 10) secs = "0"+Math.round(secs);
 else if(secs >= 60)
 {
  secs = "00";
  mins++;
 }
 if (mins < 10) mins = "0"+Math.round(mins);
 else if(mins >= 60)
 {
  mins = "00";
  heus++;
 }
 if (heus < 10) heus = "0"+Math.round(heus);
 else if(heus >= 24) heus = "00";
 heures = " "+heus + ":" + mins + ":" + secs;
 if (document.getElementById && tab != null)
 {
  document.getElementById(tab).innerHTML= heures;
 }
 secs++;
 setTimeout("time()", 1000);
}
window.onload = time;
</script>
<body>
<div><a onClick="arch('count1');" href="#">Cliker la</a></div>
<div id="count1"></div>
<div><a onClick="arch('count2');" href="#">Cliker la</a></div>
<div id="count2"></div>
</body>
</html>

Nan c'est sa et ton chrono est identique pour les 2, je voudrai plusieurs chrono differents. Voici une remise a niveau de l'ancienne version :) :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
function chrono(temps)
{
	//Si un temps est passer en parametre (en seconde) on converti pour les minutes et heures
	if ( temps != 0)
	{
		secondes=temps;
 
		if (secondes > 60) 
		{
			minutes = Math.floor(secondes / 60);
			secondes = secondes - minutes * 60;
		}
		if (minutes > 60) 
		{
			heures = Math.floor(minutes / 60);
			minutes = Math.floor(minutes - heures * 60);
		}
	}
 
 
	//Décrémentation du compteur
	if (secondes > 0) 
	{
		secondes-= 1;
	}
	else 
	{
		if (secondes == 0 && minutes > 0) 
		{
			secondes = 59;
			minutes-= 1;
		}
		else 
		{
			if (secondes == 0 && minutes == 0 && heures > 0) 
			{
			secondes = 59;
			minutes = 59;
			heure-= 1;
			}
		}
	}
 
	//Si le nombre est seul on rajoute un 0 pour l'affichage standard
	if (heures < 10) rheures = '0'+heures; else rheures = heures;
	if (minutes < 10) rminutes = '0'+minutes; else rminutes = minutes;
	if (secondes < 10) rsecondes = '0'+secondes; else rsecondes = secondes;
 
	chronometre = " "+rheures + ":" + rminutes + ":" + rsecondes;
 
	//Affichage selon l'id
	document.getElementById("count1").innerHTML= chronometre;
 
	//Reactualisation du chrono
	setTimeout("chrono(0)", 1000);
 
}

08/05/2006, 19h29
cerede2000

Ben en partant de mon script tu peut adapter mais sache qu'il faudra une fonction comme la mienne par timer, car sinon tu ne peut pas incrementer ou decrementer plusieur en meme temps.
Et ta fonction a des problemes quand je met chrono(100000) ca marche mais si je met chrono(10) rien!!
08/05/2006, 19h51
meliandah

Je crois que j'ai une piste avec la creation d'objet :) jsuis dessus la je vous tiens au courant.
08/05/2006, 19h54
cerede2000

Ok parcque ca m'interesse moi :)!

Regarde ca:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript" language="javascript">
function remind(msg1) {
var msg = "This is a reminder after " + msg1 +" Secs";
alert(msg); 
}
window.onload = time()
</script>
<body>
<div><a onClick="setTimeout('remind(2)',2000);" href="#">Cliker la</a></div>
<div><a onClick="setTimeout('remind(3)',3000);" href="#">Cliker la</a></div>
</body>
</html>

C'est j'ai trouver ce qu'il me fallait :) jette un oeil la dessus :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
function timingBox( sec, min, hour )
{
	this.secondes = sec;
	this.minutes = min;
	this.heures = hour;
}
 
function chrono(temps,tagid)
{
		var timeBox = new timingBox( 0, 0, 0);
		//Si un temps est passer en parametre (en seconde) on converti pour les minutes et heures
			timeBox.secondes=temps;
 
			if (timeBox.secondes > 60) 
			{
				timeBox.minutes = Math.floor(timeBox.secondes / 60);
				timeBox.secondes = timeBox.secondes - timeBox.minutes * 60;
			}
			if (timeBox.minutes > 60) 
			{
				timeBox.heures = Math.floor(timeBox.minutes / 60);
				timeBox.minutes = Math.floor(timeBox.minutes - timeBox.heures * 60);
			}
 
		//Reajustage des valaures pour l'affichage
		if (timeBox.heures < 10) rheures = '0'+timeBox.heures; else rheures = timeBox.heures;
		if (timeBox.minutes < 10) rminutes = '0'+timeBox.minutes; else rminutes = timeBox.minutes;
		if (timeBox.secondes < 10) rsecondes = '0'+timeBox.secondes; else rsecondes = timeBox.secondes;
 
		chronometre = " "+rheures + ":" + rminutes + ":" + rsecondes;
		temps--;	
		//Affichage selon l'id
		document.getElementById(tagid).innerHTML = chronometre;
 
		//Reactualisation du chrono si different de 0.
		if ( temps != 0)
		{
			setTimeout("chrono("+temps+", '"+tagid+"')", 1000);
		}
		else
		{
			setTimeout("autre()", 1000);
		}
 
}

Le problème venait du fait qu'il faille stocker les valeures de temps séparement pour qu'il ne se partage pas les données. On a donc la fonction timingBox qui permet de stocker 3 valeures. On cree l'objet au debut de la fonction et on l'utilise tout le long pour garder l'independance :)
La valeure 'tagid' reprensente l'id du recepteur de la phrase. Vous remarquerez aussi qu'il n'y a plus a s'enquiquiner a décrémenter car on appelle la fonction toutes les secondes :). Une simple condition a la fin peut mettre fin a l'execution comme la. Vous en pensez quoi ? :)

08/05/2006, 20h45
cerede2000

Cool merci par contre je comprens pas comment est interpreter le parametre temps car je met 1000 sec et ca fai 16min comment ca se fait?
Et gros bug!!!
Quand un premier compteur arrive a 0 il part dans le negatif :s:s!!
Donc il faut mettre if(timeBox.secondes !=0) temps--;
08/05/2006, 21h08
meliandah
bah 1000 secondes sa fait 16 min 40 non ? :)

sinon pour le compteur négatif sa devrait pas le faire avec sa :
Code:

1 2 3 4 5 6 7 8 9 10 if ( temps >= 0) { setTimeout("chrono("+temps+", '"+tagid+"')", 1000); } else { location.reload(); }
On recharge la page a la fin du compte a rebours :)

Code:

1
2
3
4
5
6
7
8
9
10
11
 
if ( timeBox.secondes != 0 || timeBox.minutes !=0 || timeBox.heures != 0)
  {
   document.getElementById(tagid).style.display = "block";
   setTimeout("chrono("+temps+", '"+tagid+"')", 1000);
  }
  else
  {
    document.getElementById(tagid).style.display = "none";
   //document.location.reload();return(false);
  }

Petit amelioration sympa!!