以Ionic 5显示实时日期和时间

Question

我正在尝试在Ionic移动应用程序上显示实时日期和时间。原来当前的编码不是实时的，需要每次刷新才能看到正确的时间，每秒钟和每分钟。 我也希望它像标准时间，而不是用户的设备时间。请指教。

我当前使用的编码是

public today : number = Date.now();

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

Answer 1

// .ts文件

today = new Date();

构造函数

constructor() {    
this.startTime();}

功能

startTime() {
var intervalVar = setInterval(function () {
  this.today = new Date().toISOString();
}.bind(this),500)}

Answer 2

您需要一些时间来刷新您的时间。通常，它是一个正在运行的setInterval方法：

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

现在，您的refreshTime方法应该更新“今天”属性值，更改检测将完成其余工作：

refreshTime() {

    this.today = Date.now()

}

根据您的使用方式，您需要确保在ngOnDestroy（）挂钩内删除了间隔以防止内存泄漏。请参见示例here