計算在網頁停留時間例項程式碼

antzone發表於2017-03-14
網頁

有時候需要計算瀏覽者在一個頁面停留的事件，當然類似成熟的功能更為強大精準，本章節分享一個極為簡單能夠實現此功能的例項程式碼，希望能夠需要的朋友帶來一定的幫助。程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" /> 
<title>獲取在網頁停留的事件-螞蟻部落</title> 
<script type="text/javascript"> 
var second=0; 
var minute=0; 
var hour=0; 
var odiv;
function OnlineStayTime(){ 
  second++; 
  if(second==60){ 
    second=0; 
    minute++; 
  } 
  if(minute==60){ 
    minute=0; 
     hour++; 
  } 
  odiv.innerHTML="停留時間"+hour+":"+minute+":"+second; 
} 
window.onload=function(){
  odiv=document.getElementById("thediv");
  setInterval("OnlineStayTime();",1000); 
}
</script>
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>

以上程式碼可以實時的顯示在網頁停留的時間。大體原理就是，使用定時器函式，每隔一秒鐘停留時間加1秒，這樣再經過時間小時、分和秒的換算就實現了我們想要的功能，具體就不多介紹瞭如果有問題可以跟帖留言。

相關閱讀:

1.setInterval()函式可以參閱setInterval()一章節。 

2.window.onload可以參閱window.onload用法詳解一章節。

相關文章