用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 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
多引号嵌套的变量命名的问题
May 09 Javascript
javascript去掉代码里面的注释
Jul 24 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
Aug 09 Javascript
详解Vue源码学习之双向绑定
Apr 10 Javascript
VUE前后端学习tab写法实例
Aug 06 Javascript
vue中data里面的数据相互使用方式
Jun 05 Vue.js
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 zip扩展Linux下安装过程分享
2014/05/05 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
jQuery分别获取选中的复选框值的示例
2014/06/17 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
2016/11/29 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
关于JSON解析的实现过程解析
2019/10/08 Javascript
构建Python包的五个简单准则简介
2015/06/15 Python
深入解读Python解析XML的几种方式
2016/02/16 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
python3 enum模块的应用实例详解
2019/08/12 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
怎样自定义一个异常类
2016/09/27 面试题
介绍一下UNIX启动过程
2013/11/14 面试题
师恩难忘教学反思
2014/04/27 职场文书
学校四风对照检查材料
2014/08/28 职场文书
村党建工作汇报材料
2014/11/02 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
起诉意见书范文
2015/05/19 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
同学聚会祝酒词
2015/08/10 职场文书
交通安全学习心得体会
2016/01/18 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers