javascript - 需要计算 AngularJS 中 PageLoad 和单击下一页之间的持续时间

Question

我是 AngularJS 的新手，我想编写一个简单的函数来计算用户从页面加载到单击“下一步”按钮在页面上花费的秒数。所以，基本上我需要知道用户在每个页面上花费了多少时间。谁能帮我用 AngularJS 编写这个函数？

Answer 1

将其放入定义应用程序的 app.js 文件中。为此，您需要注入(inject) $location 并向“$locationChangeStart”添加监听器。剩下的只是做一些数学计算和记录。我添加了额外的代码，以便仅在页面打开时间超过 0.02 时记录。我相信 Angular 正在做一些正在记录日志的路由。因此，要反复试验日志记录。 使用这种方法更干净，因为您不需要将其放入所有 Controller 中。

var mainApp = angular.module('mainApp', [.....]);
mainApp.run(function ($rootScope, $location) {
    $rootScope.currentPage = "";
    $rootScope.pageLoadedTime = "";

    $rootScope.$on('$locationChangeStart', function (event) {

        if ($rootScope.currentPage != "") {
            var seconds = (new Date().getTime() - $rootScope.pageLoadedTime.getTime()) / 1000;
            if (seconds > .02)
                console.log("Page: ", $rootScope.currentPage, " Seconds spent on page : ", seconds);
        }

        $rootScope.pageLoadedTime = new Date();
        $rootScope.currentPage = $location.url();
    });
});