代码之家 › 专栏 › 技术社区 › Santhosh

以角度显示时间/时钟

rxjs angular

0

Santhosh · 技术社区 · 6 年前

我使用下面的方法在我的应用程序中显示时间?

constructor(private datePipe: DatePipe) {}
ngOnInit() {
    this.getTime();
    this.date = this.datePipe.transform(new Date(), "dd/MM/yyyy");
  }
 getTime() {
    setInterval(() => {
      this.time = this.datePipe.transform(new Date(), "HH:mm:ss");
      this.getTime();
    }, 1000);
  }

此代码工作正常,但经过一段时间后应用程序崩溃。在角度4/5/6中是否有其他显示时间的方法?

1 回复 | 直到 6 年前

1

2

Niral Munjariya 6 年前

内部组件.ts

time = new Date();

ngOnInit() {
    setInterval(() => {
       this.time = new Date();
    }, 1000);
}

内部component.html

{{ time | date: 'hh:mm:ss a' }}

工作 demo