Question

如何知道使用Jquery或Javascript加载当前页面的时间？什么功能？

Answer 1

页面加载时获取当前时间戳：

var startTime = new Date().valueOf();

然后页面已加载当前时间戳减去此值：

var loadedSeconds = (new Date().valueOf() - startTime) / 1000;

时间以毫秒为单位，因此除以1000得到秒数。

示例代码： -

<script>
//Getting Date When Page Started Loading
var start = new Date();

//Window Load Function that is called after page is completely loaded
$(window).load(function() {

//Substracting Started Time From Time When Page Completely Loaded
   $('body').html(new Date() - start); 
});
</script>

Answer 2

您可以在var start = new Date();的开头<head>进行<body>，然后在new Date().getTime() - start.getTime()的末尾，执行{{1}}

Answer 3

这些解决方案会告诉您加载页面需要多长时间。

要知道页面运行了多长时间，您可以运行一个函数来查找时间（使用其他人提到的方法）显示时间，然后调用自身（可能是暂停后）。

这将是一个相当密集的过程，我不建议在许多访问者或需要其他JS运行的网站上进行此操作。

编辑 - 实际上，如果你点击一个按钮来点击调用该函数并且没有调用它自己会停止任何疯狂的开销。

Answer 4

Web Animations API 提供了 document.timeline，它有一个带有页面年龄的 currentTime 属性（从技术上讲，它会在您离开上一页时开始计数）。

console.log(`This page has existed for ${document.timeline.currentTime} milliseconds.`);

请注意，此功能非常新。 Chrome 仅在 2020 年 7 月添加了它，因此如果您需要支持较旧的浏览器，那么最好的办法是使用此页面上提供的其他解决方案之一。

如何知道使用Jquery或Javascript加载当前页面的时间长度？

4 个答案: