如何跟踪用户在组件上停留的时间

时间:2018-05-20 21:04:41

标签: javascript angular typescript

我正在尝试创建一项服务,以跟踪用户在网页上的时间。 其中一种情况是,当用户点击刷新按钮(F5)时,计时器将重置。我通过将旧计时器存储到localstorage来解决了这个问题。因此,如果用户点击刷新,它将从localstorage中检索计时器。

然而,有一个问题。当用户注销并重新登录时,我想启动一个新计时器,而不是从本地存储中拔出旧计时器。如何在用户注销并重新登录时开始新的操作?我不希望它从localstorage中拉出旧计时器。

start() {
  this.startTime = localStorage.startTime ? JSON.parse(localStorage.startTime) : (new Date().getTime());
  localStorage.setItem('startTime', JSON.stringify(this.startTime));
}

getTime() {
  this.startTime = JSON.parse(localStorage.startTime);
  alert((this.startTime - (new Date().getTime())) / 1000);
}

1 个答案:

答案 0 :(得分:0)

  

当用户注销并重新登录时,我想启动一个新计时器,而不是从localstorage中拔出旧计时器。如何在用户注销并重新登录

时开始新的时间

onNavigation中执行此操作(或类似命名的事件/回调等,具体取决于您处理路由的方式)。