Question

我目前在我的网站上有一个div，每6秒左右会有不同的信息淡入淡出。现在，我刚刚在单独的div中进行了硬编码，然后让它们逐渐淡入和淡出。

但这似乎有点草率的做法，特别是因为数据会不断更新，因此我制作了一个XML文档，我可以轻松更新我喜欢的方式和时间。

我面临的问题是我不确定如何使用jQuery加载XML文档 - ＆gt;先选择 - ＆gt;等待6秒 - ＆gt;加载第二项？

到目前为止，我有这个。

function load_news(){
    $(".news").html("");
    $.ajax({
        url:'news.xml',
        dataType: 'xml',
        success: function(data) {
            $(data).find('news item').each(function() {
                var news = $(this).find("body").text();
                var news_img = $(this).find("img").text();
                $(".news").append("<div class='news'><div class='wrap'><div class='glare'></div><img src='img/news/"+news_img+".jpg'/><div class='name'>"+news+"</div></div></div>");
            });
        },
        error: function(){
            alert("Did not Find XML file");
        }
    });
}

但是你可以看到我被困在如何让它循环接收到的数据？

Answer 1

分开这两个过程。

创建一个具有要显示的项目队列的项目。根据计时器，只显示下一个项目。如果队列为空，请在超时后重试。

创建另一个通过获取新数据定期填充队列的函数 - 每次获取所有可用数据。

创建慢速信息Feed

1 个答案: