如果功能正确执行，如何停止计时器？

Question

Section() 负责查看数据库并获取任何匹配的 HTML 代码。如果没有匹配，则没有回调（但我可以回调一个空的东西）。

然后它调用addIt() 并显示HTML。工作正常。

我的问题是什么时候从数据库中获取一些 HTML 来停止计时器？因为现在它每 10 秒添加一次 HTML。

function addIt(data) { $(data).insertAfter('#hello'); }

setInterval(function Section(){
      $.getJSON("domain"+ number, addIt);
}, 10000);

Answer 1

也许是这样的：

var x = setInterval(function Section(){
  $.getJSON("domain"+ number, addIt);
}, 10000);

if( // something ) {
   clearInterval(x);
 }

Answer 2

我永远不会在间隔中调用 AJAX。而是使用回调再次调用

function Section(){
   $.getJSON("domain"+number,addIt);
}
function addIt(data) { 
    if (data) $(data).insertAfter('#hello'); 
    else setTimeout(Section,10000); // call again in 10 seconds unless data was returned
}
Section(); // first call

如果在不返回数据时调用导致错误，请尝试以下操作：

$.getJSON("domain"+number, function(data) {
  if (data) $(data).insertAfter('#hello'); 
})
.fail(function() { 
  setTimeout(Section,10000);
});

Answer 3

var timerId;

function addIt(data) { 
  $(data).insertAfter('#hello');
}

function section() {
  $.getJSON().done(function(data) {
    addIt(data);

    if (timerId) {
      clearInterval(timerId);
    }
  });
}

timerId = setInterval(section, 10000);