Estoy tratando de crear un cronómetro que dure dos horas y cuando llegue a cero se reinicie, pero no tengo ni idea de cómo hacerlo, esto es lo que llevo:
Componente TS
import { Component, OnInit } from '@angular/core';
import { timer } from 'rxjs';
@Component({
selector: 'app-mantenimiento',
templateUrl: './mantenimiento.component.html',
styleUrls: ['./mantenimiento.component.css']
})
export class MantenimientoComponent implements OnInit {
_second = 1000;
_minute = this._second * 60;
_hour = this._minute * 60;
_day = this._hour * 24;
end: any;
now: any;
day: any;
hours: any;
minutes: any;
seconds: any;
source = timer(0, 1000);
clock: any;
constructor(){}
ngOnInit(){
this.clock = this.source.subscribe(t => {
this.now = new Date();
this.now.setSeconds(3600) ;
this.end = new Date();
this.showDate();
});
}
showDate(){
let distance = this.end - this.now;
this.day = Math.floor(distance / this._day);
this.hours = Math.floor((distance % this._day) / this._hour);
this.minutes = Math.floor((distance % this._hour) / this._minute);
this.seconds = Math.floor((distance % this._minute) / this._second);
}
}
Código en HTML:
<section>
<div class="coming-soon">
<div class="time-countdown">
<ul>
{{hours}} horas
{{minutes}} minutos
{{seconds}} segundos
</ul>
</div>
</div>
</section>
Por ahora solo he conseguido este resultado:
De momento solo se comporta con numeros negativos y una cuenta regresiva negativa muy extraña, necesitaria que al time.now agregarle 1 hora y así restar el tiempo actual más una hora menos el tiempo final pero aún no sé como realizarlo, agradezco su colaboración