角2，离子2

Question

我试着实时显示秒数。

这就是我在组件中的内容。

//In the component
today: number = Date.now();
//the template
{{ today | date:'medium' }} 

这将显示日期和时间，但秒数只能在应用程序刷新时更改。

我想看到实时秒数的变化。有人能给我个向导吗。

Answer 1

您可以使用setInterval刷新today，请记住清除ngOnDestory中创建的间隔。但是要小心，不要为了好的表现而过多地使用它。

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);
}

柱塞演示