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>

Probleme pour plusieurs compte à rebours

JavaScript

Vue hybride

Discussions similaires

Partager

Partager