自动刷新由jQuery ajax调用加载的Div内容

Question

我正在使用jQuery的ajax调用，通过加载now_playing.php（shoutcast现在播放内容）来获取输出，如这里建议的那样，它运行良好。

我的代码如下：

<script>
$(function(){
    $("#now_playing").load("now_playing.php");
});
</script>

<div id="now_playing"></div>

我只需要每隔5秒更新一次div输出内容。 我应该在脚本或div部分添加哪些代码？ 谢谢！

- AzMandius

---

请在您的消息中纠正您的代码，有些内容缺失。 - Magicprog.fr

Answer 1

你可以这样做： 将你的load()放在一个函数里，然后使用setInterval每5秒调用一次它。

function loadNowPlaying(){
  $("#now_playing").load("now_playing.php");
}
setInterval(function(){loadNowPlaying()}, 5000);

- Magicprog.fr

Answer 2

您可以使用setInterval来实现。例如：

setInterval(function(){
    $("#now_playing").load("now_playing.php");
    ...
}, 5000);

它将每5秒钟（5000毫秒）执行加载now_playing.php并执行您想要的其他操作。

- augustoccesar

Answer 3

尝试使用 setInterval() 实现：

$(function(){
   setInterval(function(){$("#now_playing").load("now_playing.php")},5000);
}

- Edan Feiles

Answer 4

学习了Magicprog.fr、augustoccesar和Edan Feiles的建议，决定采用Magicprog.fr的解决方案，因为它首先加载now_playing.php的输出，然后在给定的时间间隔内仅更新它：

<script>
function loadNowPlaying(){
  $("#now_playing").load("now_playing.php");
}
setInterval(function(){loadNowPlaying()}, 5000);
</script>

非常感谢您的帮助 :)

- AzMandius