自动刷新div内容，由jquery加载包括ajax调用

Question

我正在使用jQuery包含ajax调用加载来自now_playing.php（shoutcast正播放内容）的输出，为sugested here，并且效果很好。

我的代码：

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

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

我只需要每5秒左右更新一次div输出内容。 我可以将哪些代码添加到脚本或div部分？ 谢谢！

Answer 1

你可以这样做： 将load()放入函数中，然后使用setInterval每5秒调用一次。

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

Answer 2

您可以使用setInterval。像

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

它将执行now_playing.php的加载并每隔5秒钟（5000毫秒）执行其他所需的操作

Answer 3

尝试使用setInterval（）：

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

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>

非常感谢您的帮助：）