jquery - JQuery - 每2秒点击一次按钮

Question

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

但我想在不让用户单击刷新按钮的情况下更新 div 容器......

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

Answer 1

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

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

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

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

Answer 2

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

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

然后让被调用函数调用按钮的单击处理程序。理想情况下，您可以直接调用 click 处理程序，而不必说$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。