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

【问题标题】：Angular 2 Track user spent time on a pageAngular 2 跟踪用户在页面上花费的时间
【发布时间】：2017-04-08 12:43:37
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

momentJs 也是用于处理时间的库。我喜欢 momentJs，因为它适用于日期 - 简单。

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

 }

【讨论】：

好的，你认为我们是否必须在 unloadHandler 事件中计算周期以获取用户关闭浏览器时的周期？ @HostListener('window:unload', [ '$event' ]) unloadHandler(event) { // 计算时间 }
是的，应该可以。但在 Anuglar2 中这不是正确的方式
那么当用户关闭浏览器（或标签页）时，你建议如何计算花费的时间？
关闭标签，因为您希望有时间在当前页面/标签上，而不是所有网站。您将在选项卡上获得更详细的统计信息（按时间）
对不起我的英语，但我希望你能理解我吗？