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

您可以使用将每10秒调用一次的setInterval方法。您可以根据自己的要求更改时间。

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>

如何在UI中更新流数据

1 个答案: