Angular -每30秒调用一次函数，但考虑了运行函数所用的时间

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

@Component({
  selector: 'app-timer',
  template: `
    <p>{{ currentTime }}</p>
  `,
})
export class TimerComponent implements OnInit {
  currentTime: string;

  ngOnInit() {
    setInterval(() => {
      this.updateTime();
    }, 30000);
  }

  updateTime() {
    // 在这里编写更新时间的逻辑
    const now = new Date();
    this.currentTime = now.toLocaleTimeString();
  }
}

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

@Component({
  selector: 'app-timer',
  template: `
    <p>{{ currentTime }}</p>
    <p>Function execution time: {{ executionTime }}ms</p>
  `,
})
export class TimerComponent implements OnInit {
  currentTime: string;
  executionTime: number;

  ngOnInit() {
    setInterval(() => {
      this.updateTime();
    }, 30000);
  }

  updateTime() {
    const startTime = performance.now();

    // 在这里编写更新时间的逻辑
    const now = new Date();
    this.currentTime = now.toLocaleTimeString();

    const endTime = performance.now();
    this.executionTime = endTime - startTime;
  }
}