用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 Jquery创建一个弹出层可加载一个页面
May 08 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
js常用系统函数用法实例分析
Jan 12 Javascript
javascript学习笔记之函数定义
Jun 25 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
JS实现的自定义map方法示例
May 17 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 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
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
PHP文件缓存类实现代码
2015/10/26 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
PHP实现支持CURL字符串证书传输的方法
2019/03/23 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
js操作iframe的一些方法介绍
2013/06/25 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
js中for in语句的用法讲解
2015/04/24 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
python ansible服务及剧本编写
2017/12/29 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
详解Python高阶函数
2020/08/15 Python
python中turtle库的简单使用教程
2020/11/11 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
关于.NET, HTML的五个问题
2012/08/29 面试题
中学教师自我鉴定
2014/02/07 职场文书
人事经理岗位职责
2014/04/28 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js