setTimeout pas pris en compte

Bonjour, je débute en jquery et je ne comprend pas pourquoi "setTimeout" n'est pas pris en compte dans mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function switch_slides(first_slide, slide, end_slide, delay){ $(document).ready(function(){ $(".slideshow"+slide).hide(); if(slide == end_slide){ slide = first_slide; } else{ slide = slide + 1; } setTimeout($(".slideshow"+slide).fadeIn(), delay); setTimeout(switch_slides(first_slide, slide, end_slide, delay), delay); } ); }

---

Code:

---

1 2 3 4 5 6 7 8

<div class="slideshow1">frame 1</div> <div class="slideshow2" style="display: none">frame 2</div> <div class="slideshow3" style="display: none">frame 3</div> <div class="slideshow4" style="display: none">frame 4</div> <script> switch_slides(1, 1, 4, 2000); </script>

---

Tout simplement parce que le premier paramètre de tes setTimeout est mauvais :aie:

Le premier paramètre doit être une référence à une fonction, or ni

Code:

---

$(".slideshow"+slide).fadeIn()

---

ni

Code:

---

switch_slides(first_slide, slide, end_slide, delay)

---

n'en sont.

Dans le premier cas, c'est une instruction jQuery, dans le second, c'est le résultat de l'exécution de la fonction.

La bonne syntaxe serait :

Code:

---

setTimeout(switch_slides, delay);

---

puisque dans ce cas, tu passes bien une référence à ta fonction et non plus le résultat de son exécution, le problème c'est que comme ça, tu ne peux pas passer de paramètre... Il faut alors utiliser une fonction anonyme englobante :

Code:

---

setTimeout(function(){switch_slides(first_slide, slide, end_slide, delay)}, delay);

---

et dans ce cas, tu passes bien une référence à cette fonction anonyme qui lancera la bonne fonction avec les bons paramètres :)