在ionic 5中显示实时日期和时间。

Question

我正在尝试在我的Ionic移动应用程序上显示实时日期和时间。结果发现目前的编码不是实时的，需要每次刷新才能看到正确的时间，每秒钟和分钟.而且我还希望它像标准时间一样，而不是像用户的设备时间。请告知。

目前我使用的编码是

public today : number = Date.now();

<ion-title size="small" slot="end">{{ today | date: 'medium' }}</ion-title>

Answer 1

你需要一些为你刷新时间的东西。通常情况下，它是一个正在运行的setInterval方法。

setInterval(this.refreshTime, 1000); // this will call refreshTime every second

现在，你的刷新时间方法应该更新你的 "今天 "属性值，剩下的工作由变化检测来完成。

refreshTime() {

    this.today = Date.now()

}

根据你的使用方式，你需要确保在ngOnDestroy()钩子中删除间隔以防止内存泄漏。请看下面的例子 此处