JQuery - 每2秒点击一次按钮

Question

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

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

我希望如何jQuery的点击我的每一个按钮2秒钟，而无需刷新整个页面？还是有更好的方法来做到这一点？

Answer 1

你可以使用setInterval运行功能，每两秒钟：

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

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

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

执行一段代码或指定的延迟后的功能。

然后，回调函数会调用点击处理程序，当这个处理完成时，它会再次调用setTimeout来触发它自己。这种方法将使您的定时事件不会互相超出。由于所有代码都是您的，因此您可以对其进行重构，以便$.ajax成功和错误回调（或可能是complete回调）可以重新启动计时器。

Answer 2

您可以使用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。

Answer 3

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

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

这将每2秒调用myBtn元素上的click事件。

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