Simulation d'un lancer de dés

Version imprimable

Bonjour,
Pour une application je souhaite simuler un lancer de dés, c'est à dire voir plusieurs combinaisons de dés s'afficher avant de se stopper.

Pour cela j'ai utilisé setTimeout et après beaucoup de recherches et des heures plus tard j'arrive à un bidoullage qui marche.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 lancerDes(n) { // génère 8 lancers de dés if(n!=8) { // génère un random entre 1 et 6 var de1=Math.floor(Math.random()*6)+1; //Affichage du score du dé dans la cellule menu document.getElementById('menu').innerHTML =de1; //On relance la fonction au bout de 200 ms setTimeout(function(){lancerDes(n+1)}, 200); } } lancerDes(1);
Mon problème étant que, après, je ne peux rien faire!
Si je tente d'appeler une autre fonction à la suite ou bien d'exécuter la suite du code, avec ou sans timeOut, ça fail puisque le code n'est pas "stoppé". Et si je ne peux plus rien appeler après je ne peux plus rien faire.
J'ai bien pensé à faire continuer les actions en cliquant sur un bouton, mais ça ne m'arrange vraiment pas du tout.

Donc si vous avez des solutions pour gérer ceci, ou si vous vous y prendriez d'une autre manière, je suis preneur.

Merci d'avance.

Salut,

Ton code marche parfaitement...

J'ai testé avec du code Javascript supplémentaire.

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
<DOCTYPE html>
<html>
<head></head>
<body>
 
<p id="menu"></p>
<p id="status"></p>
 
<script type="text/javascript"><!--
function lancerDes(n) {
// génère 8 lancers de dés
if(n!=8){
	// génère un random entre 1 et 6
	var de1=Math.floor(Math.random()*6)+1;
	//Affichage du score du dé dans la cellule menu
	document.getElementById('menu').innerHTML =de1;
	//On relance la fonction au bout de 200 ms
	setTimeout(function(){lancerDes(n+1)}, 200);
}else
	document.getElementById('status').innerHTML='Les jeux sont faits';
}
 
document.getElementById('status').innerHTML='Alea Jacta Est';
lancerDes(1);
-->
</script>
 
</body>
</html>

Une erreur javascript ailleurs dans le code peut-être ?

16/07/2010, 09h18
Isiker

Ah mais oui cela marche, c'est juste que je ne peux rien faire par la suite.

par exemple si je fais :

lancerDes(1);
alert('bigorneau');

Vu que les setTimeout de la fonction ne sont pas stopants, le alert se déclanche tout de suite après l'appel de la fonction.

Donc si je veux appeler par la suite une fonction, elle sera appelée bien trop tôt.

Désolé si je me suis mal exprimé.

Bonjour, tu peux donner un callback à ta fonction lancer de dé:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function lancerDes(n, callback) {
// génère 8 lancers de dés
if(n!=8)
{
// génère un random entre 1 et 6
var de1=Math.floor(Math.random()*6)+1;
//Affichage du score du dé dans la cellule menu
document.getElementById('menu').innerHTML =de1;
//On relance la fonction au bout de 200 ms
setTimeout(function(){lancerDes(n+1, callback)}, 200);
} else {
callback();
}
}
 
lancerDes(1, function(){alert("8 lancés de dé ont été faits")});

16/07/2010, 10h34
Isiker

C'est ok. Merci.