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

Question

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

Answer 1

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

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

在 Angular2 中有接口 OnInit 和 OnDestroy。您可以添加到 ngOnInit 方法 dateStart 并将周期计算到 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");
    }
     ....

 }

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

Angular 2 Track user spent time on a page

time-tracking

angular