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 .