Angular 2 Track用戶在頁面上花費的時間

Question

我有一個網站角2。我如何跟蹤用戶在頁面上花費的時間。

Answer 1

您可以使用對象日期。日期是與日期和時間一起工作的對象。

momentJs是隨時間工作的lib。我喜歡一段時間，因爲它與日期一起工作 - 很簡單。

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

}