jQuery 无限循环 RSS 元素

Question

我正在使用 jGFeed 从远程服务器检索 RSS 提要。 没什么难的，真的。我遇到的问题是关于提要的显示：我试图循环 rss 的每个检索元素并显示它。然后删除它，并显示下一个。

这是我尝试这样做的方法，但没有成功：

        $(document).ready(function() {

        function loop(links){
            var i = 0;
            var arrayLength = links.length;

            for (i=0;i<=arrayLength;i++){
                $('#rssLink').empty().append(links[i]).fadeIn("slow");
                setTimeout(function() {
                    $('#rssLink').fadeOut("fast");
                }, 5000);                   
            }
        }

        function animate(feeds){
            var taille = feeds.length;
            var links = [];
            for ( var i = 0; i < taille; i++ ){
                links[i] = "<a href='"+feeds[i].link+"'>"+feeds[i].title+"</a>";
            }
            loop(links);
        }

        $.jGFeed('http://www.wrc.com/services/newsrss.jsp',
                function(feeds){
                  // Check for errors
                  if(!feeds){
                    // there was an error
                    return false;
                  }
                  animate(feeds.entries);
                }, 50);
    }); 

Answer 1

在我看来，您将使用这一行超出数组长度：

for (i=0;i<=arrayLength;i++){

您应该在 i << 时继续数组长度。

此外，您的“循环”函数将快速连续添加所有链接，每次都会清除 #rssLink 元素。要缓慢迭代数组，您可以尝试以下操作：

function loop(links) {
    function showLink(i) {
        $('#rssLink').empty().append(links[i]).fadeIn("slow");
        setTimeout(function() {
            $('#rssLink').fadeOut("fast", function() {
                if(i + 1 < links.length) showLink(i + 1);
                else showLink(0); // this line causes it to loop again from the start
            });
        }, 5000);  
    }
    showLink(0);
  }