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

Question

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

Answer 1

您可以使用对象日期。日期是具有日期和时间的工作对象。

momentJs也是lib，可以随着时间的推移而工作。我喜欢片刻因为它与日期一起工作 - 简单。

在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");
    }
     ....

 }