setTimeout pas pris en compte

[Balthazar117]

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>

[Bovino]

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

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