當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS計算用戶瀏覽頁面的時間

JS計算用戶瀏覽頁面的時間

2012/11/5 16:57:32作者:佚名來源:網絡

移動端

【實例名稱】

JS計算用戶瀏覽頁面的時間

【實例描述】

當用戶離開網頁時,可以計算用戶在該網頁的停留時間,并以alert的方式進行提醒。注意是在某網頁的停留時間,而不是某網站。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>無標題頁-學無憂(yzddtk.cn)</title> <script language="Javascript">     pageOpenTime = new Date();//定義打開網頁的時間     function goodbye()     {         pageCloseTime = new Date();//定義關閉網頁的時間         minutes = (pageCloseTime.getMinutes() - pageOpenTime.getMinutes());         seconds = (pageCloseTime.getSeconds() - pageOpenTime.getSeconds());         time = (seconds + (minutes * 60));         alert('總共停留了' + time + '秒,一路走好!');     } </script>

當用戶離開的時候,需要調用上面的“goodbye”方法, 所以為body指定“onunload”事件,代碼如下所示: </head> <body  onunload="goodbye()"> <div> 泛型 該語言中添加了一些泛型類型,使得程序員能夠實現程度 很高的代碼重用,獲得更高的集合類性能。泛型類型只存在 arity 上的不同。也可以將參數強制為特定的類型。有關更多信息,請參見泛型類型參數。 <br /> 迭代器 迭代器使得規(guī)定 foreach 循環(huán)將如何循環(huán)訪問集合的內容變得更加容易。 <br /> 分部類 分部類型定義允許將單個類型(比如某個類)拆分為多個文件。 Visual Studio 設計器使用此功能將它生成的代碼與用戶代碼分離。 <br /> 可空類型 可空類型允許變量包含未定義的值。在使用數據庫和其他可能包含 未含有具體值的元素的數據結構時,可以使用可空類型。 <br /> 匿名方法 現在,可以將代碼塊作為參數來傳遞。在本應使用委托的任何地方, 都可以使用代碼塊來取代:不需要定義新的方法。 <br /> 命名空間別名限定符 命名空間別名限定符 (::) 對訪問命名空間成員提供了更多控制。 global :: 別名允許訪問可能被代碼中的實體隱藏的根命名空間。 <br /> 靜態(tài)類 若要聲明那些包含不能實例化的靜態(tài)方法的類,靜態(tài)類就是一種 安全而便利的方式。C# 1.2 版要求將類構造函數定義為私有的,以防止類被實例化。 <br /> 外部程序集別名 通過 extern 關鍵字的這種擴展用法引用包含在同一程序集中的同一組件的不同版本。 <br /> 屬性訪問器可訪問性 現在可以為屬性的 get 和 set 訪問器定義不同級別的可訪問性。

</div> </body>

</html>

【運行效果】

 計算用戶瀏覽頁面的時間運行效果

【難點剖析】

讀取系統(tǒng)日期和時間的是Date對象,當用戶打開網頁時,使用Date獲取打開時間,用戶關閉網頁時,調用方法“goodbye”獲取關閉時間,然后將分鐘數換算為秒數,計算兩個時間的間隔,最后用“alert”方法提醒用戶。

【源碼下載】

為了JS代碼的準確性,請點擊:計算用戶瀏覽頁面的時間 進行本實例源碼下載 

標簽: JS計算  時間