有没有一种简单的方法可以在 Angular 中显示日期时间倒计时

Question

我收到一个日期时间的对象，我需要在我的组件上显示一个计时器。

这是一个过期计时器，因此在计时器达到 0 时，我需要更新组件。

我

不确定我应该如何做到这一点，我找不到任何执行此操作的模块。

Answer 1

你可以像这样使用 setInterval 指令： setInterval(() => { this.loading = true; this.getSignals(); }, 60000);

60000 它的一分钟。

祝你好运！

Answer 2

您可以使用 rxJS 中的计时器来设置倒计时。参数中需要一个以毫秒为单位的数字，因此您首先必须用当前时间减去到期日期。然后订阅计时器以调用用于更新组件的代码。

import { timer } from 'rxjs';
const remainingTime = expiration.getTime() - Date.now();
timer(remainingTime).subscribe(() => this.updateComponent);