javascript - Javascript如何在特定时间后清除间隔

Question

setInterval("FunctionA()", 1000);

现在我如何在 5 秒后清除这个间隔，以便我可以实现 -

var i = setInterval("FunctionA()", 1000);
(After 5 seconds)
clearInterval(i);

Answer 1

您可以使用以下setTimeout功能执行此操作：

var i = setInterval(FunctionA ,1000);
setTimeout(function( ) { clearInterval( i ); }, 5000);

Answer 2

使用 setTimeout 来清除Interval 并不是一个理想的解决方案。它会起作用，但它会在每个时间间隔触发你的 setTimeout 。如果您只清除间隔，这是可以的，但如果您正在执行除清除间隔之外的其他代码，则可能会很糟糕。更好的解决方案是使用计数器。如果您的间隔每 1000 毫秒/1 秒触发一次，那么您知道它是否触发了 5 次，它是 5 秒。这样干净多了。

count=0;
var x=setInterval(function(){
  // whatever code
  if(count > 5) clearInterval(x);
  count++;
}, 1000);

Answer 3

function intervalGap(){
    let no = 1;
    setInterval(function(){
    if(no < 11){
        console.log(no);
        no++;
    }else{
        clearInterval(this);
    }}, 500); // for every half second
}
intervalGap();