嗨,我想得到一个倒计时器的例子,我发现在这里找到的堆栈搜索:时间CountDown角度2
这是我的代码:
import { Component, ElementRef, OnInit, OnDestroy } from '@angular/core';
import { Observable, Subscription, interval } from 'rxjs';
@Component({
selector: 'app-timer',
templateUrl: './timer.component.html',
styleUrls: ['./timer.component.css']
})
export class TimerComponent implements OnInit {
private future: Date;
private futureString: string;
private diff: number;
private $counter: Observable<number>;
private subscription: Subscription;
private message: string;
constructor(elm: ElementRef) {
this.futureString = elm.nativeElement.getAttribute('inputDate');
}
dhms(t) {
let days, hours, minutes, seconds;
days = Math.floor(t / 86400);
t -= days * 86400;
hours = Math.floor(t / …Run Code Online (Sandbox Code Playgroud) 我使用以下方法在一段时间后更改属性:
switchColors() {
this.interval = setInterval( () => {
some code;
}, 700);
}
Run Code Online (Sandbox Code Playgroud)
它可以工作,但是有时这种方法在闪烁,跳跃等方面似乎并不可靠。
是否有另一种更好的方法来实现类似的行为?