UI에서 스트리밍 데이터를 업데이트하는 방법

Question

Shoutcast 플레이어를 만들고 있습니다. Shoutcast 통계 데이터를 사용하여 현재 재생중인 트랙을 알 수 있습니다. 그러나 트랙을 변경하면 업데이트 솔루션을 찾고 있는데요 ...

여기 현재 노래 제목을 보여주는 약간의 코드입니다. 통계 데이터가 변경되면 그것은 결코 변화하지 않기 때문에

var url = "http://212.18.63.135:9034/stats?sid=1&json=1&callback=?"; 
 

 
$.getJSON(url, function(data) { 
 
    $("#title").text(data.songtitle); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="title"></div>

위의 코드는 정적이다. 나는 그것을 동적으로 만들어야 현재의 노래로 바뀔 수있다. 즉, 통계 JSON이 업데이트 되 자마자 UI를 업데이트해야합니다.

어떻게해야할까요?

미리 감사드립니다.

Answer 1

setInterval 메서드는 10 초마다 호출 할 수 있습니다. 귀하의 요구 사항에 따라 시간을 변경할 수 있습니다. 아이디어에 대한

var url = "http://212.18.63.135:9034/stats?sid=1&json=1&callback=?"; 
 

 
setInterval(function(){ 
 
     $.getJSON(url, function(data) { 
 
      $("#title").text(data.songtitle); 
 
     }); 
 
}, 10000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="title"></div>