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毫秒的“延迟”。 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);
});

jquery中图像之间的间隔

1 个答案: