Angular 6：如何实现服务方法每10秒自动执行？

这事儿好办！用RxJS的定时操作符就能轻松实现需求，还能避免内存泄漏，我给你一步步讲清楚：

1. 先导入必要的RxJS工具 #

在你的页脚组件文件顶部，得先把需要的RxJS模块导进来：

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

2. 修改组件代码 #

核心思路是用interval(10000)创建一个每10秒触发一次的流，然后通过switchMap来调用你的服务方法。另外一定要记得在组件销毁时取消订阅，不然会有内存泄漏问题。

修改后的组件代码如下：

export class FooterComponent implements OnInit, OnDestroy {
  statustext: any;
  // 保存订阅实例，方便后续取消
  private refreshSubscription!: Subscription;

  constructor(private myservice: YourServiceName) {}

  ngOnInit() {
    // 启动定时刷新：每10秒调用一次checkData
    this.refreshSubscription = interval(10000)
      .pipe(
        // 用switchMap可以取消未完成的请求，避免请求堆积
        switchMap(() => this.myservice.checkData())
      )
      .subscribe(result => {
        this.statustext = result;
      });

    // 可选：如果希望页面刚加载就立刻获取一次数据，不用等10秒，就手动调用一次
    this.myservice.checkData().subscribe(result => {
      this.statustext = result;
    });
  }

  ngOnDestroy() {
    // 组件销毁时必须取消订阅，防止内存泄漏
    this.refreshSubscription?.unsubscribe();
  }
}

小细节说明 #

• switchMap vs concatMap：用switchMap的话，如果前一次HTTP请求还没完成，新的请求触发时会直接取消前一次的，避免多个请求返回导致数据混乱；如果你的场景需要等待前一次请求完成再发下一次，就换成concatMap。
• 取消订阅的重要性：组件销毁后如果不取消订阅，这个定时任务会一直跑下去，慢慢就会造成内存泄漏，所以ngOnDestroy里的取消步骤不能少。

内容的提问来源于stack exchange，提问作者user9597092