javascript - 为每个图像设置不同的间隔

Question

我想用这个简单的 jquery 幻灯片让一个图像暂停 9 秒，另一个暂停 3 秒

<script>
$(function(){
    $('.fadein2 img:gt(0)').hide();
    setInterval(function(){$('.fadein2 :first-child').fadeOut(2500).next('img').fadeIn(2500).end().appendTo('.fadein2');}, 9000);
});
</script>

html

<div class="fadein" > <img src="1.jpg" > <img src="2.jpg"> </div>

Answer 1

not exactly sure what you want to do, but I think you want this.

http://api.jquery.com/delay/

Answer 2

你的意思是^这样的吗_？

function changeBackground() {
    $(".fadein2 img").first().fadeIn("slow", function showNext() {
        var next = $(this).next('img').length ? $(this).next('img') : $(".fadein2 img").first();
        $(this).siblings().fadeOut('slow').delay(3000);
        next.fadeIn("slow", showNext).delay(9000);
    });
}

$(function() {    //    starts when page is loaded and ready
    setTimeout(changeBackground, 0);
})

jsFiddle 仅使用图像，未设置为背景