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> 

我可以做什么以 11 角显示实时时间？

Answer 1

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

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

Answer 2

使用 rxjstimer

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