javascript - jquery中图像之间的间隔

Question

我开始学习 jquery，我现在正在研究与 jquery 的标题图像交叉。我让代码正常工作，但我现在需要的是图像之间的间隔，在交叉之后我希望脚本暂停特定时间，然后继续下一个图像。

我得到了这个代码。

$(document).ready(function(e) {
    $('.img:gt(0)').hide();
    setInterval(function(){
        $(".img:first-child").fadeOut(3000).next(".img").fadeIn(3000).end().appendTo("#kop")
    }, 4000);
});

是否可以采用这种形式，或者我必须完全更改代码。

我现在让它在我的测试服务器上运行。swinging.icwebdesign.nl

Answer 1

目前正在发生的事情是您需要 3000 毫秒来进行转换，而转换函数调用之间的时间是 4000 毫秒 - 因此，您只会得到 1000 毫秒的“延迟”。
in的第二个参数setInterval()是delay时间，在下面的代码中等于fadeTime+delay时间。

$(document).ready(function(e) {
    var delay = 3000, 
        fadeTime = 3000;
    $('.img:gt(0)').hide();
    setInterval(function(){
        $(".img:first-child").fadeOut(fadeTime).next(".img").fadeIn(fadeTime).end().appendTo("#kop")
    }, delay+fadeTime);
});