JQuery - 每2秒点击一次按钮

Question

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

但我想更新div容器，而无需用户点击刷新按钮....

如何让jquery每2秒点击一次我的按钮，而不刷新整个页面？或者有更好的方法吗？

Answer 1

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

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

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

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

Answer 2

您可以使用setInterval每两秒运行一次功能：

  

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

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

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

  

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

然后回调函数会调用click处理程序，当它完成时，它会再次调用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。