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

Question

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

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

帮助将不胜感激！

Answer 1

使用计时器。

//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;

}