Faire une pause entre deux tours de boucles

Version imprimable

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:

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

26/01/2013, 16h39
javatwister

bonjour,

il serait édifiant de contempler ton settimeout(), en fait;
26/01/2013, 16h52
NoSmoking
Bonjour,

Citation:

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 :aie:
Code:

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

Code:

var iTimer = setTimeout( reference_a_la_function, delay_en_milliseconde);
26/01/2013, 16h56
Mathieu Salles

Oui mais dans le cas présent, je n'ai pas de fonction à mettre en paramètre :(
26/01/2013, 17h09
NoSmoking

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.
26/01/2013, 17h14
Mathieu Salles

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

Tu entends quoi par rappeler la fonction setTimeout() ?

exemple simple:
avec setTimeout

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
<!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:

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

26/01/2013, 18h40
Mathieu Salles

Merci ça marche :ccool: