jquery - jQuery 每 30 秒刷新一次

Question

我现在正在试验 jQuery 和 PHP。我有这个问题。所以我有这个代码

$(document).ready(function(){
  $('.bopa').load('accounts.php');
});

它工作得很好。但问题是我希望 div 的内容每 30 秒刷新一次。这样当有人在数据库中提交内容时，它会在 20 秒后立即出现。那可能吗？

Answer 1

此代码将每 30 秒执行一次加载。

$(document).ready(function(){
  setInterval(function(){
    $('.bopa').load('accounts.php');
  },30000);
});

数字 30000 以毫秒为单位。

1000 milliseconds = 1 second

---

如果您想要更多控制，例如禁用刷新的功能，您可以执行以下操作 -

var refreshInterval = '';
$(document).ready(function(){
  refreshInterval = setInterval(function(){
    $('.bopa').load('accounts.php');
  },30000);
});

然后，只要您想每 30 秒取消一次刷新，您就可以调用 -

clearInterval(refreshInterval);

---

参考资料 - window.setInterval（Mozilla 开发者网络）