Javascript/JQuery通過數組值循環

Question

我試圖在我的網站上顯示/隱藏贊助商徽標，無休止地顯示/隱藏一個接一個。我覺得我有點兒接近了，但是在敲了敲頭之後，我決定是時候尋求幫助了。這裏是我的代碼：

var sponsors = ["prointec","pequigraf"]; 
for (var i = 0; i < sponsors.length; i++){ 
    setTimeout($(document.getElementById(sponsors[i])).slideToggle("slow", "swing"), 1000); 
    setTimeout($(document.getElementById(sponsors[i])).slideToggle("slow", "swing"), 10000 * (i + 1)); 
} 

基本上，它應該顯示一個後另一個（10秒後），而是一次運行。任何提示？提前致謝！

Answer 1

您需要給超時一個函數引用。你也應該嵌套你的超時。嘗試在編寫JavaScript時異步思考。

我還沒有測試過這個，但這是我想出來的。還要注意的是十秒10,000毫秒，而不是1000

var sponsors = ["prointec","pequigraf"]; 

var i = 0; 

$(document.getElementById(sponsors[0])).show(); 
$(document.getElementById(sponsors[1])).hide(); 

var toggleSponsor = function() { 
    $(document.getElementById(sponsors[i])).hide(); 

    i = (i + 1) % sponsors.length; 
    $(document.getElementById(sponsors[i])).show(); 

    setTimeout(toggleSponsor, 10000); 
}; 

setTimeout(toggleSponsor, 10000); 

Answer 2

我張貼此作爲一個答案，而不是評論只是爲了確保我可以做一些適當的代碼格式。

rpamely的代碼看起來像你所需要的，但你可以簡化它很多。只需用'＃'加前綴你的兩個贊助商ID，你可以刪除所有的document.getElementById()電話：

var sponsors = [ "#prointec","#pequigraf" ]; 

var i = 0; 

$(sponsors[0]).show(); 
$(sponsors[1]).hide(); 

var toggleSponsor = function() { 
    $(sponsors[i]).hide(); 

    i = (i + 1) % sponsors.length; 
    $(sponsors[i]).show(); 

    setTimeout(toggleSponsor, 10000); 
}; 

setTimeout(toggleSponsor, 10000);