JQuery - 每 2 秒单击一次按钮

Question

基本上我有一个刷新按钮，当用户单击刷新按钮时，它会调用 Web 服务，获取数据并刷新 div 容器以显示新数据。

但我想更新 div 容器而不让用户单击刷新按钮......

我如何让 jQuery 每 2 秒单击我的按钮，而不刷新整个页面？或者有更好的方法来做到这一点吗？

Answer 1

您可以使用 setInterval 在每个给定时间段后调用一个函数：

setInterval(function(){ 
   $("#myBtn").click();
},2000);

这将每 2 秒调用一次 myBtn 元素上的单击事件。

请注意，如果您发送 ajax 请求，有时可能需要比您的时间间隔更多的时间来接收响应。这可能会导致一些问题。因此请考虑使用递归调用。（从 ajax 回调函数调用 click 函数）

Answer 2

您可以使用 setInterval 每两秒运行一个函数：

重复调用一个函数，每次调用该函数之间有固定的时间延迟。

然后让被调用的函数调用按钮的单击处理程序。理想情况下，您可以直接调用点击处理程序，而不必使用 $x.click()。

使用 setTimeout 可能是一个更好的主意：

在指定的延迟后执行代码片段或函数。

然后回调函数将调用点击处理程序，当该处理完成时，它将再次调用 setTimeout 来触发自身。这种方法将防止您的定时事件相互超出。由于所有代码都是您的，您可以重组它，以便 $.ajax 成功和错误回调（或者可能是 complete 回调）可以重新启动计时器。

Answer 3

您可以使用 setInterval 命令使用干净的旧 JavaScript 来完成此操作。下面是一个例子：

//Run updates every 2 seconds
var x=setInterval(doUpdates,2000);
function doUpdates() {
  //Do whatever updating you need
}

如果你想在这里停止自动更新，你可以使用命令clearInterval(x);。

如果刷新数据需要很长时间，可以让每次请求之间有2秒的间隔。

function doUpdates() {
  //Do whatever updating you need
  $.ajax({
    'success':function() {
      setTimeout(doUpdates,2000);
    }
  });
}

对于第二个示例，您可以在刷新完成后直接放置 setTimeout。