2017-05-22 13 views
2

Ich versuche Sekunden in Echtzeit anzuzeigen.Angular 2, Ionic 2

Das ist, was ich in der Komponente habe.

Dies zeigt das Datum und die Uhrzeit an, aber die Sekunden können sich nur bei der Aktualisierung der App ändern.

Ich möchte Änderung der Sekunden in Echtzeit sehen. Kann jemand bitte einen Führer geben.

+0

https://www.npmjs.com/package/moment –

+0

@Zaheer UI Hassan. Danke, genau was ich wollte! – 7Guyo

Antwort

2

Sie können setInterval verwenden, um today zu aktualisieren, vergessen Sie nicht, das erstellte Intervall in ngOnDestory zu löschen. Aber seien Sie vorsichtig, wenn Sie es nicht zu viel für eine gute Leistung verwenden.

private dateInterval: any; 

constructor() {} 

// add interval at OnInit 
ngOnInit() { 
    this.dateInterval = setInterval(() => { 
    this.today = Date.now(); 
    }, 1000) 
} 

// destory interval at OnDestory 
ngOnDestory() { 
    clearInterval(this.dateInterval); 
} 

Plunker demo

+0

Ich denke, innerhalb Intervall Variable sollte nicht in den Geltungsbereich. – Math10

+1

@ Math10 Nein, zone.js hat 'setInterval' gepatcht. – Pengyy

+0

Als ich etwas falsch in meinem ionic2-Code getan habe. Weil ich immer Bereich definieren muss, während 'setInterval' oder' setTimeout' verwendet wird – Math10

Verwandte Themen