Faire une pause entre deux tours de boucles

**Mathieu Salles** · 26/01/2013, 15h14

Bonjour,

Je réalise un script de défilement d'image.
Je souhaite intégrer une pause à l'intérieur de ma boucle while afin de bien avoir le temps de voir chaque image car sinon on ne voit que la dernière.

Je connais la méthode setTimeout() mais je ne comprend pas ce que je doit mettre comme premier paramètre

Voici l'extrait de mon script en question :

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
  while (tourne){
					switch(indice){
					case 1:
						$('#zone1').html('<img id="image1" src="img1.jpg" alt="img1" title="img1" />');
						break;
					case 2: 
						$('#zone1').html('<img id="image1" src="img2.jpg" alt="img2" title="img2" />');
						break;
					default :
						alert(" cas défault switch, caleur de l'indice : "+indice);
						break;
				}
					if(nbTour>limite){
						tourne = false;
					}else{//sinon on incrémente nbTour
						nbTour++;
					}
 
					if ((indice != 1) && (2%indice ==0)){
 
						indice = 1;
					}else{ 
						indice++;
					}
 
				}

Aujourd'hui pour tester le déroulement de mon script, je place des alerts afin de bien marquer toutes les étapes mais une fois en production ça ne sera pas possible

Merci d'avance pour votre aide,

Mathieu

**javatwister** · 26/01/2013, 16h39

bonjour,

il serait édifiant de contempler ton settimeout(), en fait;

**NoSmoking** · 26/01/2013, 16h52

Bonjour,

Je connais la méthode setTimeout() mais je ne comprend pas ce que je doit mettre comme premier paramètre

je dois admettre que j'ai un peu de mal avec cette phrase

Code :

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

1
2
3
var iTimer = setTimeout( function(){
  // instruction à exécuter
}, delay_en_milliseconde);

ou encore

Code :

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

var iTimer = setTimeout( reference_a_la_function, delay_en_milliseconde);

**Mathieu Salles** · 26/01/2013, 16h56

Oui mais dans le cas présent, je n'ai pas de fonction à mettre en paramètre

**NoSmoking** · 26/01/2013, 17h09

Si la question est Faire une pause entre deux tours de boucles, la réponse est setTimeout ou setInterval, donc il te faut trouver ce qu'il y a à mettre dans la fonction.

Regardes ce que tu as mis dans ta boucle, c'est en substance ce que tu devrais trouver dans ta fonction.

Rappel : Si tu utilises setTimeout il faut penser à rappeler ce setTimeout.

**Mathieu Salles** · 26/01/2013, 17h14

Hum alors faire une fonction avec le switch. Ok merci je vais essayer ça

Tu entends quoi par rappeler la fonction setTimeout() ?

**NoSmoking** · 26/01/2013, 17h34

exemple simple:
avec setTimeout

Code html :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[setTimeout]</title>
</head>
<body>
<div id="texte"></div>
<script>
var tab = ['un', 'deux', 'trois', 'quatre'],
    oDiv = document.getElementById('texte'),
    ind = 0,
    maxi = tab.length;
 
function affiche(){
  ind = ind % maxi;          // bornage de l'indice
  oDiv.innerHTML = tab[ind]; // écriture valeur
  ind++;                     // indice suivant
  setTimeout( affiche, 500); // relance la fonction
}
affiche();                   // lance la fonction
</script>
</body>
</html>

avec setInterval cela devient

Code :

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

1
2
3
4
5
6
7
8
function affiche(){
  ind = ind % maxi;          // bornage de l'indice
  oDiv.innerHTML = tab[ind]; // écriture valeur
  ind++;                     // indice suivant
//  setTimeout( affiche, 500); // relance la fonction
}
affiche();                   // lance la fonction
setInterval( affiche, 500);  // relance la fonction tout les 500ms

**Mathieu Salles** · 26/01/2013, 18h40

Merci ça marche

Faire une pause entre deux tours de boucles

JavaScript

Discussions similaires

Partager

Partager