Javascript 定义函数，然后将其用作回调函数

我想制作滚动条/滑块-我的div的图像覆盖整个屏幕，我想滚动到他们一个接一个，然后回到第一个

我对JavaScript和jQuery非常陌生，所以我知道这可能是一种不好的方法，但请看下面的代码：

我定义了一个函数：

$.slidestuff = function()
{
 $(document).ready(function() { 

$('html, body').animate({
    scrollTop: $(".slide1").offset().top 
}, 2000, 'easeInOutBack').delay(3000);

$('html, body').animate({
    scrollTop: $(".slide2").offset().top 
}, 2000, 'easeInOutBack').delay(3000);

$('html, body').animate({
    scrollTop: $(".slide3").offset().top 
}, 2000, 'easeInOutBack').delay(3000);

$('html, body').animate({
    scrollTop: $(".slide1").offset().top 
}, 2000, 'easeInOutBack').delay(3000);
})
}

然后我想在同一代码的最后使用这个函数作为回调：

$(document).ready(function() { 

$('html, body').animate({
    scrollTop: $(".slide1").offset().top 
}, 2000, 'easeInOutBack').delay(3000);

$('html, body').animate({
    scrollTop: $(".slide2").offset().top 
}, 2000, 'easeInOutBack').delay(3000);

$('html, body').animate({
    scrollTop: $(".slide3").offset().top 
}, 2000, 'easeInOutBack').delay(3000);

 $('html, body').animate({
    scrollTop: $(".slide1").offset().top 
}, 2000, 'easeInOutBack').delay(3000, slidestuff);
})

---

第二个代码本身（没有回调）工作得很好，但显然停止了——当我一个接一个地使用时，什么也没有发生。非常感谢您的帮助

slidestuff

与

$.slidestuff

不同，您引用的是完全不同的东西？所以我应该将其写为：.delay（3000，$.slidestuff）？不幸的是，它只执行一次操作并停止。像这样做吧！工作就像一个奇迹！