angular - 我如何将 sec 转换为 hh :mm:ss format in angular2

Question

我试过了

剩余时间={{counter}}

但它只显示第二种格式。我想要 hh:mm:ss 格式。我想在计时器减少的测验计时器中实现他的功能。在我的 .ts 文件中，我使用 angular OBSERVABLE 方法使用 .map 方法进行 var 计数器和递减。

我想减少计时器以结束测验。例如:1:20:60 到 0:0:0。当计时器结束时，我想提交测验。

开始计时器(){

this.countDown = Observable.timer(0,1000)
.take(this.counter)
.map( x=> --this.counter)
.subscribe(x=>this.timer(x))

Answer 1

这段代码是我自己实现的

var callDuration = this.elementRef.nativeElement.querySelector('#time');
this.startTimer(callDuration);

startTimer(display){
var timer = 3600;
var minutes;
var seconds;
var hours;
this.display1=display;

  this.sub = Observable.interval(1000).subscribe(x => {
  hours = Math.floor(timer / 3600)
  minutes = Math.floor((timer % 3600)/60);
  seconds = Math.floor(timer % 60);

  hours = minutes < 10 ? "0" + hours : hours;
  minutes = minutes < 10 ? "0" + minutes : minutes;
  seconds = seconds < 10 ? "0" + seconds : seconds;

  display.textContent = hours + ":" + minutes + ":" + seconds;

  --timer;
  if (timer < -1) {
    this.sub.unsubscribe();
    display.textContent ="00:00:00";
    window.alert("Times Up, Quiz Submitted");