Probleme pour plusieurs compte à rebours

**meliandah** · 08/05/2006, 18h28

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 :

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

**cerede2000** · 08/05/2006, 18h37

J'arrive pas a utiliser ton code:

Code :

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

1
2
3
<body onload="start_timer();">
<div id="count1"></div>
</body>

**meliandah** · 08/05/2006, 18h45

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?

**cerede2000** · 08/05/2006, 18h49

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

**cerede2000** · 08/05/2006, 18h53

Deja moi je te propose ca:

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

**meliandah** · 08/05/2006, 18h54

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

**cerede2000** · 08/05/2006, 19h05

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

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

**meliandah** · 08/05/2006, 19h27

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 :

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
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);
 
}

**cerede2000** · 08/05/2006, 19h29

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

**meliandah** · 08/05/2006, 19h51

Je crois que j'ai une piste avec la creation d'objet

jsuis dessus la je vous tiens au courant.

**cerede2000** · 08/05/2006, 19h54

Ok parcque ca m'interesse moi

!

**cerede2000** · 08/05/2006, 20h25

Regarde ca:

Code :

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

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>

**meliandah** · 08/05/2006, 20h37

C'est j'ai trouver ce qu'il me fallait

jette un oeil la dessus :

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

**cerede2000** · 08/05/2006, 20h45

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

**meliandah** · 08/05/2006, 21h08

bah 1000 secondes sa fait 16 min 40 non ?

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

Code :

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

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

**cerede2000** · 08/05/2006, 21h22

Code :

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

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

Probleme pour plusieurs compte à rebours

JavaScript

Discussions similaires

Partager

Partager