用js實(shí)現(xiàn)計(jì)算加載頁(yè)面所用的時(shí)間
更新時(shí)間：2010年04月02日 21:21:52 作者：
用js實(shí)現(xiàn)計(jì)算加載頁(yè)面所用的時(shí)間的代碼，需要的朋友可以參考下。
客戶端代碼寫法：
在頁(yè)面Head部分加入初始時(shí)間
<script language=javascript>
var t1 = new Date().getTime();
</script>
在Body中加入
<SCRIPT LANGUAGE="JavaScript">
window.onload = function()
{
document.getElementById("TimeShow").innerHTML = "加載本頁(yè)耗時(shí) "+ (new Date().getTime()-t1) +" 毫秒";
}
</SCRIPT>
在需要顯示的地方插入一個(gè)ID為TimeShow的標(biāo)簽即可
<div id="TimeShow"></div>
服務(wù)器代碼寫法：
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("加載頁(yè)面用時(shí)：" + ts.TotalMilliseconds);
}
在頁(yè)面Head部分加入初始時(shí)間
復(fù)制代碼 代碼如下:
<script language=javascript>
var t1 = new Date().getTime();
</script>
在Body中加入
復(fù)制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
window.onload = function()
{
document.getElementById("TimeShow").innerHTML = "加載本頁(yè)耗時(shí) "+ (new Date().getTime()-t1) +" 毫秒";
}
</SCRIPT>
在需要顯示的地方插入一個(gè)ID為TimeShow的標(biāo)簽即可
<div id="TimeShow"></div>
服務(wù)器代碼寫法：
復(fù)制代碼 代碼如下:
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("加載頁(yè)面用時(shí)：" + ts.TotalMilliseconds);
}
您可能感興趣的文章:
- JS簡(jiǎn)單測(cè)試循環(huán)運(yùn)行時(shí)間的方法
- js實(shí)現(xiàn)網(wǎng)頁(yè)倒計(jì)時(shí)、網(wǎng)站已運(yùn)行時(shí)間功能的代碼3例
- js查看一個(gè)函數(shù)的執(zhí)行時(shí)間實(shí)例代碼
- js執(zhí)行時(shí)間查看器
- 獲取焦點(diǎn)時(shí),利用js定時(shí)器設(shè)定時(shí)間執(zhí)行動(dòng)作
- js 頁(yè)面執(zhí)行時(shí)間計(jì)算代碼
- 用js計(jì)算頁(yè)面執(zhí)行時(shí)間的函數(shù)
- 計(jì)算100000數(shù)組js腳本的執(zhí)行時(shí)間
- js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新
- 頁(yè)面實(shí)時(shí)更新時(shí)間的JS實(shí)例代碼
- JavaScript實(shí)現(xiàn)頁(yè)面實(shí)時(shí)顯示當(dāng)前時(shí)間的簡(jiǎn)單實(shí)例
- Javascript實(shí)現(xiàn)的StopWatch功能示例
相關(guān)文章
本文給大家匯總介紹了javascript格式化日期時(shí)間的幾種常用方法，個(gè)人對(duì)最后一種個(gè)性化輸出時(shí)間比較有興趣，基本上只要項(xiàng)目中能用到都是使用這種，推薦給小伙伴們。2015-10-10
淺談js for循環(huán)輸出i為同一值的問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談js for循環(huán)輸出i為同一值的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
區(qū)分中英文字符的兩種方法(正則和charCodeAt())
最近在為項(xiàng)目寫登錄注冊(cè)系列頁(yè)面, 表單驗(yàn)證無(wú)疑是不可缺少的部分, 在這個(gè)jQ插件滿天飛的web年代, 表單驗(yàn)證倒也不是難事. 但再好的插件, 也并不能做到十全十美2010-11-11
bootstrap中的 form表單屬性role="form"的作用詳解
這篇文章主要介紹了bootstrap中的 form表單屬性role="form"的作用詳解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-01-01
ES6?關(guān)鍵字?let?和?ES5?及關(guān)鍵字?var?的區(qū)別解析
var可以穿透控制語(yǔ)句、條件語(yǔ)句這樣的作用域，導(dǎo)致變量沖突經(jīng)常發(fā)生，這篇文章主要介紹了ES6?關(guān)鍵字?let?和?ES5?及關(guān)鍵字?var?的區(qū)別,需要的朋友可以參考下2022-09-09
forEach和map方法都是基于數(shù)組的迭代器實(shí)現(xiàn)的,它們的主要區(qū)別在于對(duì)回調(diào)函數(shù)的處理方式,這篇文章主要介紹了JS中forEach()和map()的區(qū)別,需要的朋友可以參考下2024-02-02
javascript將ip地址第四段用星號(hào)代替的兩種方法
javascript將ip地址第四段用星號(hào)代替的方法，需要的朋友可以參考下。2010-03-03
Cookie是客戶端存放數(shù)據(jù)的一種方式,可用來(lái)做狀態(tài)保持,下面這篇文章主要給大家介紹了關(guān)于JS?cookie的設(shè)置、讀取和刪除方法例子的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
所謂的條件渲染就是判斷是否需要把代碼渲染到展示頁(yè)面上,下面這篇文章主要給大家介紹了關(guān)于微信小程序條件渲染的相關(guān)資料,文中通過(guò)實(shí)例代碼和圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
JavaScript實(shí)現(xiàn)前端網(wǎng)頁(yè)版倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)前端網(wǎng)頁(yè)版倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03