函數與無限循環通過數組與jQuery

Question

我想在jQuery中創建一個函數，用無限循環顯示數組的內容。它可以正常工作 - 顯示公告1 - 2 - 1 - 2等等。但是當我嘗試添加一些動畫時 - 它只顯示第二個聲明。

有人可以幫我嗎？

$(document).ready(function() { 
    var announcements = ["<p>announcement 1<\/p>","<p>announcement 2<\/p>"]; 
    function showArrayOfAnnouncements() { 
     for (i = 0; i<announcements.length; i++) { 
// works very well: 
     alert (announcements[i]); 
// doesn't work: 
//   $("#french_announcements").html(announcements[i]).hide().slideDown(500).delay(2000).slideUp(500); 
    } 
    showArrayOfAnnouncements(); 
} 
showArrayOfAnnouncements(); 

}); 

Answer 1

的問題是你是不是等待動畫繼續遞歸之前結束，遞歸調用在動畫的末尾添加回調。

$(document).ready(function() { 
    var announcements = ["<p>announcement 1<\/p>","<p>announcement 2<\/p>"]; 
    function showArrayOfAnnouncements(i) { 
     alert (announcements[i]); 
     $("#french_announcements").html(announcements[i]).hide().slideDown(500).delay(2000).slideUp(500,() => showArrayOfAnnouncements((i+1) % announcments.length); 
    } 
    showArrayOfAnnouncements(0); 
});