如何创建一个更改链接的href属性的jQuery循环？

Question

我使用jQuery从头开始构建幻灯片库。它可以有任意数量的幻灯片。在幻灯片下，我有一个“更多信息”按钮。我希望此链接每隔5000毫秒更改一次，以反映正在显示的幻灯片。

我知道我可以使用.attr更改href值本身，它只是以5000毫秒的间隔将其更改为不同的东西（在循环中！），我完全不知所措与...

非常感谢帮助！

Answer 1

使用timer。

//Set Image to first picture by default.
$('#yourImageId').attr("src", imageSrcArray[0]);

var milliseconds = 5000;

//Call Function after 5 seconds to show second picture
var t=setTimeout("changeSlide();", milliseconds); 

//If you set the image's original src to your first array item, this will cause the first update in 5 seconds to display the second item.
var cnt=1; 

function changeSlide(){

    //update image src
    $('#yourImageId').attr("src", imageSrcArray[cnt]);

    t=setTimeout("changeSlide();", milliseconds);//Call Function Again after 5 seconds

    cnt++;

    //Check that cnt is within image array bounds
    if (cnt > imageSrcArray.length-1) cnt=0;

}