angular - Angular 2 跟踪用户在页面上花费的时间

Question

我有一个angular 2的网站。如何跟踪用户在页面上花费的时间。

Answer 1

您可以使用对象日期。日期是使用日期和时间的对象。

momentJs也是与时间一起工作的库。我喜欢 momentJs 因为它与日期一起使用 - 简单。

Angular2 中有接口 OnInit 和 OnDestroy。您可以添加到ngOnInit方法dateStart和计算 eriod 到ngOnDestroy。

 import { Component, OnInit, OnDestroy} from '@angular/core';
 import * as moment from "moment";
 ...
 export class ConverterComponent implements OnInit, OnDestroy {
     ....

    ngOnInit() {

       this.dateStart = moment(); //or New Date()
    }

    ngOnDestroy() { 
       let period = moment.utc(moment(this.dateStart).diff(moment())).format("HH:mm:ss");
    }
     ....

 }