每隔30秒刷新一次jQuery

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 Developer Network）