Simulation d'un lancer de dés

**Isiker** · 16/07/2010, 00h52

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 :

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

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.

**Eric2a** · 16/07/2010, 03h40

Salut,

Ton code marche parfaitement...

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

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

**Isiker** · 16/07/2010, 09h18

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

**gwyohm** · 16/07/2010, 09h37

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

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

**Isiker** · 16/07/2010, 10h34

C'est ok. Merci.

Simulation d'un lancer de dés

JavaScript

Vue hybride

Discussions similaires

Partager

Partager