創建一個緩慢的信息飼料

我目前在我的網站上有一個div，每隔6秒左右淡入和淡出不同的信息。現在我以前只是在單獨的div中硬編碼，然後讓它們淡入淡出。創建一個緩慢的信息飼料

但是，這似乎是一個馬虎的做法，特別是隨着數據將不斷更新，所以我已經做了一個XML文檔，我可以輕鬆地更新如何以及當我喜歡什麼時候。

我面臨的問題是，我不確定如何使用jQuery加載XML文檔 - >選擇第一個 - >等待6秒 - >加載第二個項目？

到目前爲止，我有這個。

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

但你可以看到我停留在如何使它通過數據迴路接收到的？

來源

2012-11-01 user1666881

setInterval（code，millisec，lang） - http://www.w3schools.com/jsref/met_win_setinterval.asp – honyovk

我看不出如何限制xml數據一次顯示一個？ – user1666881

你使用哪種服務器端語言？或者這是直的HTML？ – bflemi3

分開這兩個過程。

做一個項目隊列顯示。基於計時器，只顯示下一個項目。如果隊列爲空，請在超時後重試。

創建另一個函數，通過獲取新數據定期填充隊列 - 每次獲取所有可用數據。

來源

2012-11-01 14:20:32

但是，如果它試圖找到新數據，它會如何知道要忽略什麼？ – user1666881

取決於您獲得的數據。您可以計算項目數量並跳過舊項目，或者如果存在唯一ID，請跟蹤隊列中已有的內容。 –

你可以舉個例子。我現在感到非常困惑。 – user1666881

創建一個緩慢的信息飼料

回答

相關問題