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

Question

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

这是一个到期计时器，所以当计时器达到0时，我需要更新组件。

我不确定该怎么做，找不到任何执行此操作的模块。

Answer 1

您可以像这样使用setInterval指令： <p>Leave</p> <input type="radio" name="tab" value="igotnone" onclick="show1();" /> Full Day <input type="radio" name="tab1" value="igottwo" onclick="show2();" /> From <input type="radio" name="tab2" value="igottwo" onclick="show3();" /> To <div id="div1" class="hide"> <hr> <p>From Which Half Session You Are Not Available???</p> <input type="radio" value="Yes" name="one"> First Session&nbsp; <input type="radio" value="Yes" name="one"> Second Session </div> <div id="div2" class="hide"> <hr> <p>To Which Half Session You Are Not Available???</p> <input type="radio" value="Yes" name="two"> First Session&nbsp; <input type="radio" value="Yes" name="two"> Second Session </div>

60000一分钟。

祝你好运！

Answer 2

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

import { timer } from 'rxjs';

const remainingTime = expiration.getTime() - Date.now();

timer(remainingTime).subscribe(() => this.updateComponent);