如何停止执行一次javascript函数（轮询）？

Question

我有一个poll()函数：

$("document").ready(function(){
   poll(10);
   $("#refresh").click(function(){ poll(10); });
});

function poll(timeout){
   return setTimeout(function(){
      if (timeout == 10){
         timeout = 10000;
      }
      $.ajax({ url: "/ajax/livedata.php", success: function(data){
         $("#result").html(data);
         poll(timeout);
      }, dataType: "json"});
   }, timeout);
}

因此，那里发生了什么：

1）在页面加载时，调用poll()并开始执行循环。

2）在#refresh单击上，此时将立即调用poll()以立即请求新数据。

问题是：每当我单击#refresh来请求新数据时，都会再次调用poll() ，但是会触发多次（第一次是首次+每次新点击）。 因此，它不是每10秒触发一次，而是每10秒触发一次（取决于我点击#refresh ）。

如何解决此问题，以便每当我单击#refresh ，仅剩下1个实例将循环播放？

Answer 1

首先将您的setTimeout对象存储到这样的变量中

var a = poll(10);

然后使用此代码在单击刷新时将其停止

clearTimeout(a);

所以会像这样

$("document").ready(function(){
   var a = null;   
   $("#refresh").click(function(){ 
      if(a != null){
           clearTimeout(a);
           a = null;
      }
      a = poll(10); 
   });
});

参考：

http://www.w3schools.com/jsref/met_win_cleartimeout.asp

http://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_stop