在angular2的组件中通过服务调用的路由变更时，如何停止SetInterval？

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Router, NavigationStart, NavigationEnd } from '@angular/router';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit, OnDestroy {
  intervalId: any;

  constructor(private router: Router) { }

  ngOnInit() {
    this.intervalId = setInterval(() => {
      // 定时器逻辑
    }, 1000);

    this.router.events.subscribe(event => {
      if (event instanceof NavigationStart) {
        // 路由变更前的逻辑
        clearInterval(this.intervalId);
      }

      if (event instanceof NavigationEnd) {
        // 路由变更后的逻辑
        this.intervalId = setInterval(() => {
          // 重新设置定时器
        }, 1000);
      }
    });
  }

  ngOnDestroy() {
    clearInterval(this.intervalId);
  }
}