自动播放代码Jquery

我是Jquery的初学者，所以我在这里看到了这些代码，我尝试了一种延迟放置自动播放函数的方法。 有人能帮我吗

<script>

$(document).ready(function(){
$('.sp').first().addClass('active');
$('.sp').hide();    
$('.active').show();
 $('#button-next').click(function(){
    $('.active').removeClass('active').addClass('oldActive');    
                   if ( $('.oldActive').is(':last-child')) {
        $('.sp').first().addClass('active');
        }
        else{
        $('.oldActive').next().addClass('active');
        }
    $('.oldActive').removeClass('oldActive');
    $('.sp').fadeOut();
    $('.active').fadeIn();        
    });
       $('#button-previous').click(function(){
    $('.active').removeClass('active').addClass('oldActive');    
           if ( $('.oldActive').is(':first-child')) {
        $('.sp').last().addClass('active');
        }
           else{
    $('.oldActive').prev().addClass('active');
           }
    $('.oldActive').removeClass('oldActive');
    $('.sp').fadeOut();
    $('.active').fadeIn();



    });    
});
</script>

---

您可以使用JavaScript的setTimeout函数执行以下操作：

---

你想自动播放什么？你能给我们展示一个使用JSFiddle.net的例子吗？您可以使用jQuery的setTimeout来处理延迟，前提是您的延迟函数是正确的。我正在尝试使用单面/幻灯片放映谢谢您的帮助Simon。我将尝试增加并关闭自动启动按钮autoplay Mon您对此有什么建议吗？您只需在启动时触发autoplay按钮即可：

$(document).ready(function () {
$('.sp').first().addClass('active');
$('.sp').hide();
$('.active').show();


$('#autoplay').click(function () {
    if ($(this).data("play")) {
        $(this).data("play", false).text("autoplay");
    } else {
        $(this).data("play", true).text("stop autoplay");
        autoplay();
    }

});

var autoplay = function () {
    setTimeout(function () {
        if ($('#autoplay').data("play")) {
            next(autoplay);
        }
    }, 1000);
};


var next = function (cb) {
    $('.active').removeClass('active').addClass('oldActive');
    if ($('.oldActive').is(':last-child')) {
        $('.sp').first().addClass('active');
    } else {
        $('.oldActive').next().addClass('active');
    }
    $('.oldActive').removeClass('oldActive');
    $('.sp').fadeOut();
    $('.active').fadeIn("slow", function () {
        if (typeof cb === "function") {
            cb()
        }
    });
};



$('#button-next').click(function () {
    next();
});

$('#button-previous').click(function () {

    $('.active').removeClass('active').addClass('oldActive');
    if ($('.oldActive').is(':first-child')) {
        $('.sp').last().addClass('active');
    } else {
        $('.oldActive').prev().addClass('active');
    }


    $('.oldActive').removeClass('oldActive');
    $('.sp').fadeOut();
    $('.active').fadeIn();
});
});