时间戳

首页 > 解决方案 > Get page load time in angular

javascript - Get page load time in angular

问题描述

I am working on a angular project where I need to track the page loading time. Is there any method in angular using which I can track page loading time.

Code that I tried: 

var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart; console.log('Page load time is ' + loadTime);

标签： javascriptangulartypescript

解决方案

您可以setInterval与 结合使用angular.element(document).ready()。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script>var time = 0;
var stopwatch = setInterval(function() {
  time = time + 0.001;
}, 1);
angular.element(document).ready(function() {
  clearInterval(stopwatch);
  document.getElementById("text").innerText = "It has taken " + time + " seconds for this page to load.";
});</script>
<span id="text"></span>

推荐阅读