html - 将毫秒转换为 HH :mm:ss format in Angular

Question

我正在尝试将我的毫秒数转换为可读的时、分、秒格式。我曾尝试手动执行此操作，但卡住了，我觉得应该有更简单的方法。

当前手写秒表:

ngOnInit(){
    //alert(this.datePipe.transform(new Date()));

    let timer = Observable.timer(0, 1000);
    timer.subscribe(t=>{
        this.today = this.datePipe.transform(t);
        this.second = t;
        if(this.second==60){
            this.second = 0;
            this.minute += 1;
        }else if(this.minute == 60){
            this.minute = 0;
            this.hour += 1;
        }

    });
}

一旦 t 超过 60 秒，秒数不会重置，并且会继续超过 60。

所以我的问题是，有没有更简单的实际可行的方法？我读过这个但我不太明白它在我的例子中是如何工作的 DatePipe

HTML

<div class="client-time">
    <span>Client time</span>
    <br/>
    <strong>{{hour}}:{{minute}}:{{second}}</strong>    
  </div>
</footer>

基本上，我试图显示用户在页面上停留了多长时间。

Answer 1

要将 DatePipe 与时间结合使用，请查看以下内容:

  start = new Date(0,0,0);

  ngOnInit() {
    Observable.interval(1000)
      .startWith(0)
      .subscribe(t => {
        this.start = new Date(0, 0, 0);
        this.start.setSeconds(t);
      });
  }

HTML 应该是

{{start | date:'HH:mm:ss'}}