Question

我在延迟第一次运行功能方面遇到了问题。我创建了一个非常简单的幻灯片，但由于这个原因，我在延迟第一次运行时遇到了问题。

我希望第一次运行等待10秒，然后在其余图像之间保持4秒延迟。

这是我的代码：

function slideshow() {

    $("#slideshow .slide:hidden:first").fadeIn(1000).delay(4000).fadeOut(1000, function() {
        $(this).appendTo($(this).parent());
        slideshow();
    });

}

$(document).ready( function () {

    $("#slideshow .slide").hide();
    slideshow();

});

我尝试了一些不同的东西但没有成功。

我不认为在这个问题上需要jsfiddle，但如果你想要它只是评论，我会设置它！

提前致谢！

Answer 1

您正在寻找Javascript的内置setTimeout函数，它会创建一个计时器并在计时器完成后执行传递的代码。在$（document）.ready（）中你可以试试这个：

 setTimeout( slideshow, 10000);

这将延迟执行slideshow功能10秒钟。 Documentation here

Answer 2

首次调用幻灯片功能时使用超时。 setTimeout接受第二个参数作为在参数中执行代码之前等待的毫秒数。 10,000毫秒是10秒。

$(document).ready( function () {
    $("#slideshow .slide").hide();
    setTimeout(function(){slideshow();},10000);
});

首次运行时延迟较大

2 个答案: