停止Angular2 CountDown

import { Component, OnInit, OnDestroy } from '@angular/core';

@Component({
  selector: 'app-countdown',
  template: `<div>{{ remainingTime }}</div>`
})
export class CountdownComponent implements OnInit, OnDestroy {
  remainingTime: number = 60; // 初始剩余时间（秒）
  private countdownTimer: any; // 用于存储定时器的引用

  ngOnInit() {
    this.startCountdown();
  }

  startCountdown() {
    this.countdownTimer = setInterval(() => {
      if (this.remainingTime > 0) {
        this.remainingTime--;
      } else {
        this.stopCountdown(); // 如果时间到了，自动停止倒计时
      }
    }, 1000);
  }

  stopCountdown() {
    clearInterval(this.countdownTimer); // 清除定时器以停止倒计时
  }

  ngOnDestroy() {
    this.stopCountdown(); // 组件销毁时确保停止倒计时，防止内存泄漏
  }
}