2012-11-01 1 views
1

현재 내 웹 사이트에는 6 초마다 다른 정보로 페이드 인하는 div가 있습니다. 이제 이전에 별도의 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"); 
     } 
    }); 
} 

하지만 알다시피 나는 데이터를 통해 루프를 만드는 방법에 집착하고 있습니까?

+0

setInterval (code, millisec, lang) - http://www.w3schools.com/jsref/met_win_setinterval.asp – honyovk

+0

XML 데이터가 한 번에 하나씩 표시되도록 제한하는 방법을 모르겠습니까? – user1666881

+0

어떤 서버 측 언어를 사용하고 있습니까? 또는이 똑 바른 html는? – bflemi3

답변

0

이 두 프로세스를 분리하십시오.

표시 할 항목 대기열이있는 주소를 만듭니다. 타이머를 기준으로 다음 항목 만 표시하십시오. 대기열이 비어 있으면 시간 초과 후 다시 시도하십시오.

새 데이터를 가져 와서 정기적으로 대기열을 채우는 다른 기능을 만듭니다. 매번 사용 가능한 모든 데이터를 가져옵니다.

+0

그러나 새로운 데이터를 찾으려고 할 때 무시할 부분을 어떻게 알 수 있습니까? – user1666881

+0

받는 데이터에 따라 다릅니다. 항목 수를 세고 이전 항목을 건너 뛰거나 고유 ID가 있으면 대기열에있는 항목을 추적 할 수 있습니다. –

+0

예를 들어 주시겠습니까? 나는 지금 매우 혼란 스럽다. – user1666881