Angular如何在指定毫秒后停止未完成API请求，解决timeout不生效问题

你之前的timeout操作符放置位置错误，仅对单次getStatus请求的响应超时生效，无法限制整个轮询流程的总时长，因此不会触发全局停止逻辑。

方案1：使用takeUntil配合timer（更直观易维护） #

这是业界最常用的轮询超时实现方式，timer会在指定时长后发出终止信号，直接中断整个轮询流，不会再发起新的请求：

// 提前导入依赖
import { timer } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

this.statusService
.getStatus(this.itemId).pipe(
  repeatWhen(obs => obs.pipe(delay(500))),
  // 原filter逻辑可简化，无需额外if判断
  filter(data => data.status === 'done'),
  take(1),
  // 60秒后自动终止整个流
  takeUntil(timer(60000))
).subscribe({
  next: result => console.log('轮询成功，状态为done'),
  complete: () => console.log('轮询流程终止（成功完成/超时触发）')
});

方案2：使用timeout操作符（需调整放置位置） #

如果要继续使用timeout，需要将其放在整个轮询逻辑的外层，对整个流的总运行时长做限制：

// 提前导入依赖
import { of } from 'rxjs';
import { mergeMap, timeout } from 'rxjs/operators';

of(null).pipe(
  mergeMap(() => this.statusService.getStatus(this.itemId).pipe(
    repeatWhen(obs => obs.pipe(delay(500))),
    filter(data => data.status === 'done'),
    take(1)
  )),
  // 对整个轮询流做总时长限制
  timeout(60000)
).subscribe({
  next: () => console.log('轮询成功，状态为done'),
  error: err => {
    if(err.name === 'TimeoutError') {
      console.log('60秒超时，已自动停止轮询')
    }
  }
});

• 两种方案都会在轮询到status === 'done'或者达到60秒超时阈值时自动停止请求，不会再向后端发起调用，避免服务器负载过高。
• 可以根据业务需要在subscribe的回调中添加超时后的业务兜底逻辑。

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