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 毫秒 = 1 秒

<小时/>

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

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

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

clearInterval(refreshInterval);

<小时/>

引用文献 - window.setInterval (Mozilla Developer Network)