Javascript jquery内容滑块需要自动播放

我有这个内容滑块，我需要它像一个幻灯片放映，我需要自动播放

$(document).ready(function() {

$('.poveznicaDiv').click(function(){
    var broj = $(this).attr('id');
    broj = broj.split('ca');
    broj = parseInt(broj[1]);       
    $('#maskaSadrzaja').animate({'left': '-'+ 500*(broj-1) +'px'}, 'slow');
});
});

忽略克罗地亚文：D上的id和类名

所以这很好，但我需要自动播放

我试过这个：

slideShow();

function slideShow(){
    var i = 0;
    $('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow');
    broj++;
    // alert(i);
    if(i>5){
        i=0;
    }   
    setTimeout(slideShow, 1000);
};

但这不起作用

我怎样才能让它自动播放

编辑

所以我尝试了别的方法 类为.poveznicaDiv的div也有一个id，类似于poveznica1、poveznica2等

所以我试着添加一个函数来点击它们

大概是这样的：

i=1;
function autoplay() {
$('#poveznica'+i).click();
i++;
setTimeout(autoplay, 1000);
}

为什么这不起作用？ 我已经将它放入.ready并调用了函数（autoplay；）。 请帮忙

编辑

我的滑块（以及html和css）与此滑块几乎相同

---

如何使其自动旋转？

将其放入Document.Ready，或简称为这样

$(function() {       
var i = 0;
$('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow');
broj++;
// alert(i);
if(i>5){
    i=0;
}   
setTimeout(slideShow, 1000);

---

}))

您的代码中没有递增

i

，您还必须将其传递给函数调用，因为它不是全局变量

var slideShow = function(i){
  $('#maskaSadrzaja').animate({
    'left': '-' + 500*(i) + 'px'
  }, 'slow');

  broj++;

  if(i>5){
    i=0;
  }   

  setTimeout(function(){
    slideShow(i+1);
  }, 1000);
};

slideShow(0);

---

i

卡在

0

上，而

broj

不可用。我只是复制并粘贴了他的代码，以便在加载时开火-“自动播放”我尝试了这个，但它不起作用。我真的不需要增加broj，是吗？我试着把它放在外面。准备好了，但没用。我不知道，没有上下文很难说出你想做什么。我指出了你的代码中一个相当明显的错误。是的，我知道这是一个愚蠢的错误，但我是js和jquery新手，熟能生巧。好的，我的滑块和这个差不多，我怎么能让它自动旋转呢？