jQuery通过链接设置超时周期

我有一个带有6个链接的

li

。每个链接都会触发图像的更改，并通过AJAX获取要在页面上的元素中显示的内容。每个链接都有一个唯一的

id

。（如“linkFirstSlide”、“linkSecondSlide”等）

是否可以将计时器设置为5秒，每次迭代都会触发单击下一个

li

链接

因此，假设在页面加载时，它触发

$（“#linkFirstSlide”）。单击（）

，然后5秒后它触发

$（“#linkSecondSlide”）。单击（）

，直到结束，然后返回开始

我正在尝试构建一个旋转木马，但实际上没有使用旋转木马插件，因为每次单击都需要执行很多操作

---

干杯你可以试试这样的东西：

// When DOM is ready
jQuery(function($){

    // Select our links
    var $links = jQuery("#linkFirstSlide, #linkSecondSlide, ...");
    var iCurrentLink = 0;

    (function clickNextLink(){

      // Click on current link
      $links.eq(iCurrentLink).click();  

      // Prepare for next one in 5 seconds
      iCurrentLink += 1;
      iCurrentLink %= $links.length;
      setTimeout(clickNextLink, 5000);

    })();

});

---

我还写了一篇文章，但jQuery插件网站目前处于脱机状态。

你可以从我的头顶上试试：

var links = ['#linkFirstSlide', '#linkSecondSlide'];
var max = links.length;
var current = 0;

function slide(){
    var cur = $(links[current]).trigger('click');
    current++;
    if(current>=max)
        current = 0;
}

setInterval(slide,5000);