重新加载/刷新div内容而不重新加载整个页面（具有时间间隔）

Question

我正在使用一个wordpress插件，显示现在正在播出的dj节目。但问题是如果一个人在页面上，而dj更改它不会自动刷新div中的内容。有没有办法可以使用时间间隔自动刷新div中的内容。

我应该多解释一下。这是带有短代码的div。我只需要潜水重新加载其中的短代码。

<div class="little-head-2" style="margin-top:15px;"><?php echo do_shortcode('[dj-widget]');?> </div>

Answer 1

包含在Ajax's load()内的

setInterval()函数可以为此工作，根据需要调整间隔时间：

使用以下内容创建.php文件：

echo do_shortcode('[dj-widget]');

然后在你的JS上通过ajax加载它，时间间隔为半分钟或其他：

setInterval(djReload, 30000); //30000 ms = 30 seconds

function djReload() {
    $('.little-head-2').load('fileCreated.php');
}