Question

我在组件中拥有这个：

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

  stop() {
    clearInterval();
  }

如何使其停止并清除，以便不再在控制台中看到任何console.logs？

Answer 1

您应该存储从setInterval返回的引用，并将其作为参数传递给clearInterval。

  intervalRef;

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

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

您可以尝试here

Answer 2

您需要提供要清除的时间间隔的ID：

intervalID;

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

stop() {
  clearInterval(intervalID);
}

Answer 3

保持对间隔的引用，然后可以清除它

interval: any;

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

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

角停止和清除间隔

3 个答案: