利用js實現(xiàn)在瀏覽器狀態(tài)欄顯示訪問者在本頁停留的時間

更新時間：2013年12月29日 17:06:55 作者：

本文為大家介紹下利用JavaScript實現(xiàn)在瀏覽器狀態(tài)欄顯示停留時間即在狀態(tài)欄上顯示訪問者在本頁停留的時間

問題描述：在狀態(tài)欄上顯示，訪問者在本頁停留的時間（如：您在本頁停留了（如：您在本頁停留了 X小時 X分 X秒）

該問題相當于是設計一個計時器，用于顯示瀏覽者在該頁面停留了多長時間。要解決該問題，我想到的主要有兩種方法。

方法一：利用系統(tǒng)時間。即先設置一個變量，用于獲取登錄開始時間startTime,然后利用setTimeout()函數(shù)讓頁面不停的刷新，在刷新的同時，獲取當前時間nowTime，然后用當前時間減去登錄開始時間，即為停留時間。在此就不做詳細編寫。重點說下下面使用到的方法二來進行實現(xiàn)。

方法二：設置三個變量：second,minute,hour。然后讓second不停的+1，并且利用setTimeout實現(xiàn)頁面每隔一秒刷新一次，當second大于等于60時，minute開始+1，并且讓second重新置零。同理當minute大于等于60時，hour開始+1。這樣即可實現(xiàn)計時功能。

方法二代碼如下：

復制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>無標題文檔</title> 
</head> 
<body onload="timeCount()"> 
<script type="text/javascript"> 
var second=0; 
var minute=0; 
var hour=0; 
function timeCount(){ 
second=second+1; 
setTimeout("timeCount()",1000); 
while(second>=60){ 
minute=minute+1; 
second=0; 
while(minute>=60){ 
hour=hour+1; 
minute=0; 
second=0; 
} 
} 
window.status="你在本網(wǎng)頁停留了"+hour+"小時"+minute+"分"+second+"秒"; 
} 
</script> 
</body> 
</html> 