如何知道当前页面使用Jquery或Javascript加载了多长时间?

问题描述:

如何知道当前页面使用Jquery或Javascript加载了多长时间?什么功能?如何知道当前页面使用Jquery或Javascript加载了多长时间?

+0

你是什么意思,已经加载?用户在当前页面上用了多长时间? – 2009-11-19 13:24:03

+0

为什么这个社区wiki? – Paul 2009-11-19 13:27:46

+0

什么是社区wiki用于? – Steven 2009-11-19 13:37:24

页面加载时获得当前时间戳:

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> 

你可以在你的<head>的开始var start = new Date();然后,在<body>结束,做一个new Date().getTime() - start.getTime()

这些解决方案告诉您多久它已经花了一个页面加载。

要知道页面运行了多长时间,您可以运行一个函数(使用其他人提到的方法)来显示时间,然后调用自身(可能稍有停顿之后)。

这将是一个相当密集的过程,我不会建议在一个网站上做很多访问者,或者需要其他JS运行的网站。

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