jQuery - 関数をループする方法は？

Question

私は基本的なフェードインのフェードアウトスライドショーを作りたいと思っています。 ループにする方法は？

HTML

<img src="image1.jpg" class="img1"> 
<img src="image2.jpg" class="img2"> 

JS

$(document).ready(function() { 
function playslider(){ 
     $('.img1').fadeIn(800).delay(800).fadeOut(800); 
     $('.img2').delay(1600).fadeIn(800).delay(800).fadeOut(800); 
} 
playslider(); 
}); 

Answer 1

はこれにそれを変更してみてください：

$(document).ready(function() { 
function playslider(){ 
     $('.img1').fadeIn(800).delay(800).fadeOut(800); 
     $('.img2').delay(1600).fadeIn(800).delay(800).fadeOut(800, playslider); 
                   //^callback function 
} 
playslider(); 
}); 

これは、 "コールバック関数" と呼ばれています。アイデアは、最後のフェードアウトが完了したときに呼び出されるということです。詳細はhereです。

あなたは古き良きJavascriptを使用することができます

Answer 2

：

$(document).ready(function() { 
function playslider(){ 
     // code to execute 
    x = setTimeout("playslider()", 5000); //will loop every 5 seconds. 
} 
playslider(); //start it up the first time 

}); 

Answer 3

答えは次のとおりです。

$(document).ready(function() { 
function playslider(){ 
     // code to execute 
    x = setTimeout(function(){playslider()}, 5000); 
} 
playslider(); 

}); 

Answer 4

それが良い動作しますが、uはこの方法でそれを変更した場合、それは

$('.img1').fadeIn(800).delay(800).fadeOut(800); 
    $('.img2').delay(2400).fadeIn(800).delay(800).fadeOut(800, playslider); 

良い作品ダレイ時間を2400（2400 = 800 + 800 + 800）に増やす