Как мы можем создать Angular 5/6/7 Anti-clock Countdown (Миллисекунды)? - PullRequest
Новая
       4

Как мы можем создать Angular 5/6/7 Anti-clock Countdown (Миллисекунды)?

0 голосов
/ 22 декабря 2018

Как мы можем создать отсчет с помощью AntiClock с помощью Angular 5/6/7.

For.ex.( обратный отсчет в миллисекундах ) 60.000 (60 секунд) .... движение против часовой стрелки в течение, например.( 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 );
}

1 Ответ

0 голосов
/ 22 декабря 2018

измените интервал на значение меньше 1000. 

Observable.interval(x).map(

вам необходимо изменить x на значение от 0 до 1000. это значение - интервал обновления.

и поставить функцию на миллисекунды 

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

Пожалуйста, проверьте: https://stackblitz.com/edit/angular-78vx6q

...