Datetime 在ionic 5中显示实时日期和时间
我正在尝试在我的Ionic移动应用程序上显示实时日期和时间。原来当前的编码不是实时的,需要每秒钟和每分钟刷新一次以查看正确的时间。 我也希望它像标准时间一样,而不是像用户的设备时间一样。请告知 我目前使用的编码是Datetime 在ionic 5中显示实时日期和时间,datetime,ionic-framework,real-time,standards,Datetime,Ionic Framework,Real Time,Standards,我正在尝试在我的Ionic移动应用程序上显示实时日期和时间。原来当前的编码不是实时的,需要每秒钟和每分钟刷新一次以查看正确的时间。 我也希望它像标准时间一样,而不是像用户的设备时间一样。请告知 我目前使用的编码是 public today:number=Date.now() {{今天|日期:'medium'} 你需要一些东西来提神。通常,它是一种正在运行的setInterval方法: setInterval(this.refreshTime, 1000); // this will call r
public today:number=Date.now()代码>
{{今天|日期:'medium'}
你需要一些东西来提神。通常,它是一种正在运行的setInterval方法:
setInterval(this.refreshTime, 1000); // this will call refreshTime every second
现在,您的refreshTime方法应该更新“today”属性值,而更改检测将完成其余工作:
refreshTime() {
this.today = Date.now()
}
根据使用方法的不同,您需要确保在Ngondestry()钩子中删除间隔以防止内存泄漏。参见示例您需要一些东西来刷新您的时间。通常,它是一种正在运行的setInterval方法:
setInterval(this.refreshTime, 1000); // this will call refreshTime every second
现在,您的refreshTime方法应该更新“today”属性值,而更改检测将完成其余工作:
refreshTime() {
this.today = Date.now()
}
根据使用方法的不同,您需要确保在Ngondestry()钩子中删除间隔以防止内存泄漏。参见示例/.ts文件
today = new Date();
建造师
constructor() {
this.startTime();}
作用
startTime() {
var intervalVar = setInterval(function () {
this.today = new Date().toISOString();
}.bind(this),500)}
//.ts文件
today = new Date();
建造师
constructor() {
this.startTime();}
作用
startTime() {
var intervalVar = setInterval(function () {
this.today = new Date().toISOString();
}.bind(this),500)}
这不是我想要的,但对我的代码很有用。但是应用程序使用设备时钟,如果我想让应用程序使用标准时间怎么办?例如,你所说的标准时间是什么意思?链接提供的实现可能使用与我上面描述的相同的方法。我的意思是,当我更改设备时钟时,应用程序的时钟也会更改,并且时间很容易操纵。这不是我真正想要的,但对我的代码很有用。但是应用程序使用设备时钟,如果我希望应用程序使用标准时间,该怎么办?例如,你所说的标准时间是什么意思?链接提供的实现可能使用与我上面描述的相同的方法,我的意思是,当我更改设备的时钟时,应用程序的时钟也会更改,并且时间很容易被操纵