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

Question

我正在使用jQuery include ajax调用从now_playing.php加载输出（现在播放内容），如此处所示，它运行良好。

我的代码：

<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>

非常感谢您的帮助:)