我们如何创建一个角5/6/7反时钟倒计时(毫秒)？

Question

我们如何使用角度5/6/7创建一个AntiClock智能倒计时。

For.ex。(倒数毫秒) 60.000 (60秒).逆时针移动for.ex。( 42.526，毫秒)。

下面的代码通过刷新间隔1秒给出输出，我们的代码需要间隔毫秒，就像上面的例子一样。

谢谢

private _trialEndsAt;
private _diff: number;
private _days: number;
private _hours: number;
private _minutes: number;
private _seconds: number;
private _milliseconds: number;

ngOnInit() {
    this._trialEndsAt = "2018-12-28";
    Observable.interval(10).map((x) => {
        this._diff = Date.parse(this._trialEndsAt) - Date.parse(new Date().toString());
    }).subscribe((x) => {
        this._days = this.getDays(this._diff);
        this._hours = this.getHours(this._diff);
        this._minutes = this.getMinutes(this._diff);
        this._seconds = this.getSeconds(this._diff);
        this._milliseconds = this.getMilliseconds(60000);
    });
}

getDays(t){
    return Math.floor( t/(1000*60*60*24) );
}

getHours(t){
    return Math.floor( (t/(1000*60*60)) % 24 );
}

getMinutes(t){
    return Math.floor( (t/1000/60) % 60 );
}

getSeconds(t){
    return Math.floor( (t/1000) % 60 );
}

getMiliseconds(t){
    return Math.floor( (t) % 1000 );
}

Answer 1

将间隔更改为小于1000的值。

Observable.interval(x).map(

您需要修改值介于0到1000之间的x。此值是刷新间隔。

函数的作用时间为毫秒

getMiliseconds(t){
   return Math.floor( (t) % 1000 );
}

请查看：https://stackblitz.com/edit/angular-78vx6q