timer setTimeout

Version imprimable

timer setTimeout

Bonjours je tente d'effectuer un compte à rebours en fonction de l'agurment de la fonction affichant le contarbour mais je n'y arrive pas. J'ai essayer de mettre un nombre en paramètre de la fonction dans le timer mais bien entendu le nombre ne change pas, or j'aimerai qu'il décrémente de 1 à chaque fois.

Voilà ce que j'ai tenté de faire :
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 function a() { if (nombre == 0) { var p = document.getElementById('p'); p.innerHTML = ''; p.innerHTML = 'Construction terminée'; setTimeout("window.location='http://127.0.0.1/Jeu/login.php?page=batiments'", 1000); } else { var p = document.getElementById('p'); var minute = arrondir((nombre / 60)); var seconde = nombre - (minute * 60); p.innerHTML = ''; p.innerHTML = minute+' min '+seconde+' sec '; nombre--; } } function arrondir(resultat) { resultat = Math.floor(resultat); return resultat; } setInterval('a(456)', 1000);/*le nombre passé en argument est le nombre de seconde et j'aimerai qu'il décrémente à chaque fois*/

31/10/2007, 08h36
SpaceFrog

Code:

setInterval(function(){a(456)}, 1000);

heu oui et si tu passes à chaque appel de focntion la même valeur tu risque d'attendre longtemps :

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
<script type='text/javascript'>
 
var nombre;
 
	function a()
	{
		if (nombre == 0)
		{
		var p = document.getElementById('p');
		p.innerHTML = '';
		p.innerHTML = 'Construction terminée';
		setTimeout("window.location='http://127.0.0.1/Jeu/login.php?page=batiments'", 1000);
		}
 
		else
		{
		var p = document.getElementById('p');
		var minute = arrondir((nombre / 60));
		var seconde = nombre - (minute * 60);
		p.innerHTML = '';
		p.innerHTML = minute+' min '+seconde+' sec ';
		nombre--;
		}
	}
 
	function arrondir(resultat)
	{
	resultat = Math.floor(resultat);
	return resultat;
	}
 
 
 
</script>	
</head>
 
<body onload="nombre=456;setInterval(function(){a()}, 1000);">
<div id='p'></div>
</body>
 
</html>

et si tu veux garder le passage de param dasn la fonction:

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
 
<script type='text/javascript'>
 
var nombre;
 
 
	function a()
	{
		if (nombre == 0)
		{
		var p = document.getElementById('p');
		p.innerHTML = '';
		p.innerHTML = 'Construction terminée';
		setTimeout("window.location='http://127.0.0.1/Jeu/login.php?page=batiments'", 1000);
		}
 
		else
		{
		var p = document.getElementById('p');
		var minute = arrondir((nombre / 60));
		var seconde = nombre - (minute * 60);
		p.innerHTML = '';
		p.innerHTML = minute+' min '+seconde+' sec ';
		nombre--;
		}
	}
 
	function arrondir(resultat)
	{
	resultat = Math.floor(resultat);
	return resultat;
	}
 
	function LaunchTimer(duree){
			nombre=duree;
			setInterval(function(){a()}, 1000);
			}
 
</script>	
</head>
 
<body onload="LaunchTimer(456);">
<div id='p'></div>
</body>
 
</html>

Merci pour ces réponse mais en fait je voudrais appeler cette page à l'aide d'une fonction dnas une autre page et que la fonction utilisé pour l'appelé ait en argument le nombre au choix

ce que j'aimerai appelé est juste ceci(sans code HTML) :

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
 
		function a(nombre)
		{
			if (nombre == 0)
			{
			var p = document.getElementById('p');
			p.innerHTML = '';
			p.innerHTML = 'Construction terminée';
			setTimeout("window.location='http://127.0.0.1/Jeu/login.php?page=batiments'", 1000);
			}
 
			else
			{
			var p = document.getElementById('p');
			var minute = arrondir((nombre / 60));
			var seconde = nombre - (minute * 60);
			p.innerHTML = '';
			p.innerHTML = minute+' min '+seconde+' sec ';
			nombre--;
			}
		}
 
	function arrondir(resultat)
	{
	resultat = Math.floor(resultat);
	return resultat;
	}
 
 
	setInterval(function(){a(456)}, 1000);

31/10/2007, 09h08
SpaceFrog

cf deuxième propositon ...
31/10/2007, 09h23
carroteman

je l'ai vu mais comment l'appeler a l'aide d'une fonction prenant en argument le nombre de seconde à partir d'une autre page ?
31/10/2007, 09h37
SpaceFrog

Code:

LaunchTimer(MesSecondes)

Merci pour ta réponse. J'ai testé sur la page javascript et sa marche mais quand je fait appel a la fonction sur une autre page contenant du php sa ne marche pas :

Page JS
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 var nombre; function a() { if (nombre == 0) { var p = document.getElementById('p'); p.innerHTML = ''; p.innerHTML = 'Construction terminée'; setTimeout("window.location='http://127.0.0.1/Jeu/login.php?page=batiments'", 1000); } else { var p = document.getElementById('p'); var minute = arrondir((nombre / 60)); var seconde = nombre - (minute * 60); p.innerHTML = ''; p.innerHTML = minute+' min '+seconde+' sec '; nombre--; } } function arrondir(resultat) { resultat = Math.floor(resultat); return resultat; } function LaunchTimer(duree){ nombre=duree; setInterval(function(){a()}, 1000); }
Bout de page PHP :

Code:

$parse['zinc_contarbour'] = '<script type="text/javascript" src="javascript/contarbour.js">LaunchTimer(120);</script><p class="contarbour" id="p"></p>';

31/10/2007, 13h20
FremyCompany

Un scritp ne peut pas à la fois contenir un SRC et du texte à l'intérieur. Tu dois faire deux scripts.
31/10/2007, 13h41
carroteman

Vous me conseillez de faire comment car moi j'ai mon idée mais aprés je fait plein de script pour pas grand chose :S
31/10/2007, 20h25
FremyCompany

Code:

$parse['zinc_contarbour'] = '<script type="text/javascript" src="javascript/contarbour.js"></script><script type="text/javascript">LaunchTimer(120);</script><p class="contarbour" id="p"></p>';