如何在Angular 2中每隔10秒调用一个函数？

import { interval, Subscription } from 'rxjs';
import { take } from 'rxjs/operators';

private subscription: Subscription;
private counter: number = 0;

ngOnInit() {
  this.subscription = interval(10000).pipe(take(Infinity)).subscribe(() => {
    this.myFunction();
  });
}

ngOnDestroy() {
  this.subscription.unsubscribe();
}

import { Component, OnInit, OnDestroy } from '@angular/core';
import { interval, Subscription } from 'rxjs';
import { take } from 'rxjs/operators';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit, OnDestroy {
  private subscription: Subscription;
  private counter: number = 0;

  ngOnInit() {
    this.subscription = interval(10000).pipe(take(Infinity)).subscribe(() => {
      this.myFunction();
    });
  }

  ngOnDestroy() {
    this.subscription.unsubscribe();
  }

  myFunction() {
    this.counter++;
    // 在这里编写你想要每隔10秒调用的代码逻辑
    console.log('Function called every 10 seconds');
    console.log('Counter: ' + this.counter);
  }
}