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

 更新时间:2010年04月02日 21:21:52   作者:  
用js实现计算加载页面所用的时间的代码,需要的朋友可以参考下。
客户端代码写法:
在页面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);
}

相关文章

  • 详解小程序退出页面时清除定时器

    详解小程序退出页面时清除定时器

    这篇文章主要介绍了小程序退出页面时清除定时器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript 对象比较实现代码

    javascript 对象比较实现代码

    js对象比较实现代码。
    2009-04-04
  • 用javascript动态调整iframe高度的代码

    用javascript动态调整iframe高度的代码

    用javascript动态调整iframe高度的代码...
    2007-04-04
  • JavaScript中检测数组的3种方法小结

    JavaScript中检测数组的3种方法小结

    数组检测是指在编程中对数组进行验证和检查的过程,本文主要介绍了JavaScript中检测数组的3种方法小结,具有一定的参考价值,感兴趣的可以了解一下
    2023-08-08
  • echarts设置图例颜色和地图底色的方法实例

    echarts设置图例颜色和地图底色的方法实例

    最近项目要使用echarts进行数据可视化,所以下面这篇文章主要给大家介绍了关于echarts设置图例颜色和地图底色的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-08-08
  • 微信小程序中网络请求缓存的解决方法

    微信小程序中网络请求缓存的解决方法

    这篇文章主要给大家介绍了关于微信小程序中网络请求缓存的解决方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • 一文详解Javascript内存机制与垃圾回收

    一文详解Javascript内存机制与垃圾回收

    这篇文章主要给大家详细介绍了Javascript的内存机制与垃圾回收,文中又详细的代码示例,对我们学习Javascript有一定的帮助,需要的同学可以借鉴阅读
    2023-06-06
  • javascript canvas API内容整理

    javascript canvas API内容整理

    在本篇文章里小编给大家分享的是关于javascript canvas API内容整理,有需要的朋友们可以跟着学习参考下。
    2020-02-02
  • Cocos2d实现刮刮卡效果

    Cocos2d实现刮刮卡效果

    这篇文章主要为大家详细介绍了Cocos2d实现刮刮卡效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • js添加绑定事件的方法

    js添加绑定事件的方法

    这篇文章主要为大家详细介绍了js添加事件的通用方法,还为大家介绍了js绑定事件的常用方式,感兴趣的小伙伴们可以参考一下
    2016-05-05

最新评论