重新加載/刷新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'); 
}