javascript - 如何在 jquery 或 javascript 上停止函数重新加载(window.reload)？

Question

来源

$(function reload(){
  $.ajax({
    .
    .
    .
    window.setTimeout(reload, 3000);
  });
});

此函数每 3 秒重新加载 ajax 页面。

我想制作停止按钮(#stop)。

$('#stop').click(function){
   //STOP FUNCTION
});

请告诉我如何制作？

Answer 1

要清除超时，首先需要将 setTimeout 函数返回的值分配给变量

var timer = setTimeout(...)

然后使用clearTimeout清除定时器；

clearTimeout(timer);

您可以查看https://developer.mozilla.org/en/DOM/window.clearTimeout详细解释。

编辑:在您的情况下，您可以使用 setInterval 和clearInterval 代替，或者使用 bool 标志来指示是否重新加载。

var toReload = true;

$(function reload(){
  $.ajax({
    .
    .
    .
    if (toReload) {
      window.setTimeout(reload, 3000);
    }
  });
});

$('#stop').click(function){
   toReload = false;
});