用js实现计算加载页面所用的时间


Posted in Javascript onApril 02, 2010

客户端代码写法:
在页面Head部分加入初始时间

<script language=javascript> 
var t1 = new Date().getTime(); 
</script>

在Body中加入
<SCRIPT LANGUAGE="JavaScript"> 
window.onload = function() 
{ 
document.getElementById("TimeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒"; 
} 
</SCRIPT>

在需要显示的地方插入一个ID为TimeShow的标签即可
<div id="TimeShow"></div>
服务器代码写法:
protected DateTime dt; 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected override void OnPreInit(EventArgs e) 
{ 
dt = DateTime.Now; 
base.OnPreInit(e); 
} 
protected override void OnLoadComplete(EventArgs e) 
{ 
base.OnLoadComplete(e); 
TimeSpan ts = DateTime.Now - dt; 
Response.Write("加载页面用时:" + ts.TotalMilliseconds); 
}
Javascript 相关文章推荐
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
div层的移动及性能优化
Nov 16 Javascript
Javascript事件实例详解
Nov 06 Javascript
js实现的折叠导航示例
Nov 29 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
Jan 29 Javascript
Vue 根据条件判断van-tab的显示方式
Aug 03 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 #Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
Apr 02 #Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 #Javascript
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 #Javascript
js 刷新页面的代码小结 推荐
Apr 02 #Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 #Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 #Javascript
You might like
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
使用dump函数,给php加断点测试
2013/06/25 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
javascript之函数直接量(function(){})()
2007/06/29 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
js的写法基础分析
2011/01/17 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
laypage.js分页插件使用方法详解
2019/07/27 Javascript
js实现简易计算器功能
2019/10/18 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
python实现对指定字符串补足固定长度倍数截断输出的方法
2018/11/15 Python
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
python__new__内置静态方法使用解析
2020/01/07 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
标记环网Toke Ring IEEE802.5
2014/05/26 面试题
广告学专业应届生求职信
2013/10/01 职场文书
环境工程求职简历的自我评价范文
2013/10/24 职场文书
逃课上网检讨书
2014/02/20 职场文书
庆祝教师节标语
2014/10/09 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
入队仪式主持词
2015/07/04 职场文书
抖音动画片,皮皮虾,《治愈系》动画在用这首REMIX作为背景音乐,Anak ,The last world with you完整版
2022/03/16 杂记