jQuery-每2秒单击一次按钮

如何解决jQuery-每2秒单击一次按钮

| 基本上，我有一个刷新按钮，当用户单击刷新按钮时，它将调用Web服务，获取数据并刷新div容器以显示新数据。 但是我想在不让用户单击刷新按钮的情况下更新div容器。 如何让jquery每2秒单击我的按钮一次，而不刷新整个页面？还是有更好的方法来做到这一点？     

解决方法

        您可以每2秒使用

setInterval

运行一个函数：   重复调用一个函数，每次调用之间有固定的时间延迟。 然后让被调用的函数调用按钮的单击处理程序。理想情况下，您无需说“ 1”就可以直接调用点击处理程序。 使用

setTimeout

可能是一个更好的主意：   在指定的延迟后执行代码段或函数。 然后，回调函数将调用单击处理程序，完成后，它将再次调用ѭ2以触发自身。这种方法可以防止定时事件相互冲突。由于所有代码都是您的代码，因此您可以对其进行重组，以使成功和错误的回调函数

$.ajax

（或者可能是

complete

回调）可以重新启动计时器。     ,        您可以在每个给定的时间段后使用setInterval调用函数：

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

这将每2秒在myBtn元素上调用一次click事件。 请注意，如果您要发送ajax请求，则有时接收它所需的时间会比您的时间间隔更长。这可能会引起一些问题。因此，请考虑改用递归调用。 （从ajax回调函数调用click函数）     ,        您可以使用

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。