Угловая остановка и очистка интервала

Question

У меня есть это в компоненте:

  ngOnInit() {
    setInterval(() => {
        console.log('still running...');
      }, 1000);
    }

  stop() {
    clearInterval();
  }

Как я могу сделать так, чтобы он остановился и очистился, чтобы я больше не видел console.logs в консоли?

Answer 1

Вам необходимо указать идентификатор интервала, который вы хотите очистить:

intervalID;

ngOnInit() {
  this.intervalID = setInterval(() => {
    console.log('still running...');
  }, 1000);
}

stop() {
  clearInterval(intervalID);
}

Answer 2

Сохраните ссылку на интервал, и затем вы сможете очистить его

interval: any;

ngOnInit() {
   this.interval = setInterval(() => {
       console.log('still running...');
      }, 1000);
    }

  stop() {
    clearInterval(this.interval);
  }

Answer 3

Вы должны сохранить ссылку, возвращенную из setInterval, и передать ее clearInterval в качестве параметра.

  intervalRef;

  ngOnInit() {
    this.intervalRef = setInterval(() => {
      console.log('still running...');
    }, 1000);
  }

  stop() {
    clearInterval(this.intervalRef);
  }

Вы можете попробовать здесь