用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 相关文章推荐
JS控制阿拉伯数字转为中文大写示例代码
Sep 04 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
Jul 05 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 Javascript
在JavaScript中如何使用宏详解
May 06 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
西德产收音机
2021/03/01 无线电
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
php 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
php图片添加水印例子
2016/07/20 PHP
js获取图片大小的函数代码
2011/09/20 Javascript
jquery图片延迟加载 前端开发技能必备系列
2012/06/18 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
javascript 动态创建表格
2015/01/08 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
vue-loader教程介绍
2017/06/14 Javascript
js验证密码强度解析
2020/03/18 Javascript
[01:10:48]完美世界DOTA2联赛PWL S2 GXR vs PXG 第一场 11.18
2020/11/18 DOTA
使用PYTHON创建XML文档
2012/03/01 Python
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
eclipse创建python项目步骤详解
2019/05/10 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python实现学生成绩测评系统
2020/06/22 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
浅析HTML5中的download属性使用
2019/03/13 HTML / CSS
《花的勇气》教后反思
2014/02/12 职场文书
元旦活动感言
2014/03/08 职场文书
教师党员公开承诺书
2014/03/25 职场文书
税务干部个人整改措施思想汇报
2014/10/10 职场文书
银行大堂经理培训心得体会
2016/01/09 职场文书
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS