用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 相关文章推荐
ASP SQL防注入的方法
Dec 25 Javascript
js模拟类继承小例子
Jul 17 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
深入理解react-router@4.0 使用和源码解析
May 23 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
bootstrap Table插件使用demo
Aug 07 Javascript
webpack2.0配置postcss-loader的方法
Aug 17 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 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初学者们头痛的十四个问题
2007/01/15 PHP
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
php把数组值转换成键的方法
2015/07/13 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
jQuery的一些注意
2006/12/06 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
jquery操作select大全
2014/04/25 Javascript
JavaScript中读取和保存文件实例
2014/05/08 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
js实现抽奖功能
2020/11/24 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
python 合并文件的具体实例
2013/08/08 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
python批量修改文件编码格式的方法
2018/05/31 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
介绍一下代理模式(Proxy)
2014/10/17 面试题
自动化专业个人求职信范文
2013/12/30 职场文书
大学学风建设方案
2014/05/04 职场文书
超市创意活动方案
2014/08/15 职场文书
英语投诉信范文
2015/07/03 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Python+Tkinter打造签名设计工具
2022/04/01 Python