如何在 angular 11 中显示应该每秒或每分钟更改的当前时间

Question

我正在做一个 angular 11 项目。 我想显示当前时间和日期，并且时间应该每分钟更改一次。

我试过 new Date()。但是它只显示程序运行时的时间。

这是我试过的。但它对我不起作用

.ts 文件

  today= Date.now();
  UKDataTime = '';

  this.UKDataTime = formatDate(this.today, 'dd-MM-yyyy hh:mm:ss a', 'en-US', '+0100');

.html 文件

 <p class="current-time">UK: {{UKDataTime}}</p> 

在 angular 11 中我可以做什么显示直播时间？

Answer 1

您需要每秒更改一次日期值，例如您可以为此使用 setInterval

setInterval(() => {
    this.UKDataTime = formatDate(Date.now(), 'dd-MM-yyyy hh:mm:ss a', 'en-US', '+0100');
}, 1000)

Answer 2

使用 rxjs timer

timer(0,1000).pipe(map(x => new Date())).subscribe(console.log);