Как сделать цикл 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;

}