javascript - 首次运行延迟较大

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