jQueryはリンクを介してタイムアウトサイクルを設定しました

Question

私はliに6つのリンクがあります。各リンクは画像の変更をトリガし、AJAXを介してコンテンツを取得し、ページ上の要素に表示されます。各リンクにはユニークなidがあります。 （linkFirstSlide、linkSecondSlideなど）

タイマーを5秒に設定すると、各繰り返しで次のliリンクのクリックがトリガーされますか？

$("#linkFirstSlide").click()をトリガーすると、それが5秒後にトリガーされ、最後に到達するまで$("#linkSecondSlide").click()がトリガーされ、その場合は先頭に戻ります。

実際にカルーセルプラグインを使用せずにカルーセルを構築しようとしています。クリックごとに多くの処理が必要です。

乾杯

Answer 1

あなたはこのような何か試すことができます。

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

    })(); 

}); 

を私はまたplugin that makes it easier to write asynchronous loopsを書いたが、jQueryプラグインサイトは現在オフラインです。ちょうど私の頭の上から

Answer 2

、あなたはこれを試すことができます。

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