我想在1小时时间间隔后将文本'Hello'更改为绿色，使用角度5将红色更改为2小时时间间隔

Question

我已使用角度5创建了倒数时间计时器，我想在从开始时间起的2小时内，每隔1小时更改一次文本“ HELLO”，例如在1小时间隔后，文本颜色变为绿色，而在2小时后，应更改为红色。 当前当我给定结束日期为19/12/2018时，还有一个问题，然后午夜12点之后，计时器显示的日期为19/12/2018。

请在下面找到我的代码的链接。

https://stackblitz.com/edit/angular-d1fqg5?file=src%2Fapp%2Ftime-ticker.component.ts

Answer 1

负值是由于您没有在输入时间中加上日期而造成的时间

<timer enddate="' 12/19/2018'"></timer>

上述格式的问题在于，如果按照您的逻辑，今天也是12/19/2018，它将简化为12/19/2018 00:00:00

this._diff = Date.parse(this.enddate) - Date.parse(new Date().toString());

它将是12/19/2018 00:00:00-12/19/2018 01:23:11

//new Date() also has time

所以差异为负

关于样式 使用

  <h1 [ngStyle]="{'color':_hours>=2?'green':'red'}">Hello</h1>