Javascript 首次运行时延迟较大

Javascript 首次运行时延迟较大,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在延迟函数的第一次运行时遇到问题。我已经创建了一个非常简单的幻灯片,但是由于这个原因,我在延迟第一次运行时遇到了问题 我希望第一次运行等待10秒,然后在其余图像之间保持4秒的延迟 这是我的代码: function slideshow() { $("#slideshow .slide:hidden:first").fadeIn(1000).delay(4000).fadeOut(1000, function() { $(this).appendTo($(this).pa

我在延迟函数的第一次运行时遇到问题。我已经创建了一个非常简单的幻灯片,但是由于这个原因,我在延迟第一次运行时遇到了问题

我希望第一次运行等待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();

});
我试过几种不同的方法,但都不成功

我认为在这个问题上不需要JSFIDLE,但如果您需要它,只需发表评论,我就会设置它


提前谢谢

您正在寻找Javascript的内置
setTimeout
函数,它创建一个计时器,并在计时器完成后执行传递的代码。在$(document).ready()中,您可以尝试以下操作:

 setTimeout( slideshow, 10000);

这将使
幻灯片放映功能的执行延迟10秒

在第一次调用幻灯片放映功能时使用超时。接受第二个参数作为在执行参数中的代码之前等待的毫秒数。10000毫秒等于10秒

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