javascript - 如何使JavaScript滑块自动滑动

我的JavaScript技能很基础，但是我想学习更多，所以想知道是否有人可以帮助我或向正确的方向指出我，因为我对正在工作的网站有些困惑。

该站点是：http://epaints.co.uk/基本上，我试图使主页滑块在页面加载时自动滑动，此刻它仅在用户单击导航按钮时才滑动。

$('.caro-arrow.caro-arrow-r').click( function () {
    setTimeout("$('.caro-arrow.caro-arrow-r').click()", 4000);
});

我一直认为这很简单，只需为其添加以下代码即可自动滑动，但似乎不起作用：

  auto: true,
  autoControls: true

就像我说的，如果有人可以帮助我或指出正确的方向，将不胜感激！

谢谢你的帮助 ：-）

最佳答案

在$(document).ready(function () { /* HERE */ })中使用以下代码

$('.caro-arrow.caro-arrow-r').click( function () {
    setTimeout("$('.caro-arrow.caro-arrow-r').click()", 4000);
}).trigger('click');

我们不需要编写两次相同的函数，只需触发点击即可在页面加载时运行。