javascript - Javascript不按间隔更新函数

Question

我有一个脚本，可以查看有多少记录是“未读”的通知。当我使用以下代码时，页面将加载，然后在页面加载时编号：

$(document).ready(function(){
   $("#notes_number").load("getnumber.php");
});

但我试图让它每 5 秒更新一次，所以我四处搜索并找到了这个，但它不起作用。我正试图弄清楚如何让它运作起来。这是Javascript代码：

//TRYING TO GET TO UPDATE EVERY 5 SECONDS
window.setInterval(function(){
function(){
   $("#notes_number").load("getnumber.php");
}
}, 5000);




//THIS IS WHAT HAPPENS WHEN A PARTICULAR BUTTON IS PRESSED
function toggleDiv(divId) {
   $("#"+divId).show();
//GET THE NOTIFICATIONS
$(document).ready(function(){
   $("#myContent").load("getnotes.php?page=<? echo $page; ?>");
});

//RESET THE NUMBER OF NOTIFICATIONS UNREAD
$(document).ready(function(){
   $("#notes_number").load("getnumber.php");
});


}

Answer 1

我将代码放在 2 个函数中。代码应该是：

window.setInterval(function(){
   $("#notes_number").load("getnumber.php");
}, 5000);

Answer 2

你在这里有一个额外的函数声明 - 它永远不会执行：

window.setInterval(function(){

   $("#notes_number").load("getnumber.php");

}, 5000);

Answer 3

IMO，你不应该那样使用setInterval。无法保证响应顺序，您应该setTimeout在回调中使用以保证在发送下一个请求之前获得响应：

function getNotes() {
    $("#notes_number").load("getnumber.php", function() {
        setTimeout(getNotes, 5000);
    });
}

getNotes();

Answer 4

替换以下代码块

window.setInterval(function(){
function(){
   $("#notes_number").load("getnumber.php");
}
}, 5000);

和

window.setInterval(function(){
   $("#notes_number").load("getnumber.php");
}, 5000);