javascript - 如何在一段时间后或多次操作后停止 setInterval？

Question

我用 jQuery 创建了一个“改变单词”的循环 通过使用此答案中的代码: jQuery: Find word and change every few seconds

我如何在一段时间后停止它？是说在 60 秒之后还是在循环结束之后？

(function() {

  // List your words here:
  var words = [
      'Lärare',
      'Rektor',
      'Studievägledare',
      'Lärare',
      'Skolsyster',
      'Lärare',
      'Skolpsykolog',
      'Administratör'
    ],
    i = 0;

  setInterval(function() {
    $('#dennaText').fadeOut(function() {
      $(this).html(words[i = (i + 1) % words.length]).fadeIn();
    });
    // 2 seconds
  }, 2000);

})();

Answer 1

要在运行一定次数后停止它，只需在间隔中添加一个计数器，然后当它达到该数字时将其清除。

例如

var timesRun = 0;
var interval = setInterval(function(){
    timesRun += 1;
    if(timesRun === 60){
        clearInterval(interval);
    }
    //do whatever here..
}, 2000); 

如果你想在设定的时间(例如 1 分钟)过去后停止它，你可以这样做:

var startTime = new Date().getTime();
var interval = setInterval(function(){
    if(new Date().getTime() - startTime > 60000){
        clearInterval(interval);
        return;
    }
    //do whatever here..
}, 2000);