?如何統計一個瀏覽者在某頁面的停留時間，并要把它錄入數據庫存儲以待日后查詢？

解決該問題目前本人的思路：在瀏覽器打開的時候設置一個時間開關并且記錄下打開頁面的時間，而離開或關閉瀏覽器的時候計算那時的時間值，并把后者的時間減去前面預先設置的初始值，這樣的差就是頁面停留時間了。

那么現在需要解決的問題是，我們在頁面打開時間如何設置時間值？我們需要用何種方式監測到用戶在何時離開頁面？這兩個問題我們都可以利用JavaScript方式解決。

我們在頁面初始化前利用JS設置：
pageOpen?=?new?Date();

我們可以利用onbeforeunload事件監測到用戶離開瀏覽器頁面。

那么我們如何將數據在onbeforeunload事件的時候錄入到數據庫呢？這里需要一點技巧。我們利用一般操作方式無法將數據入庫，因為在該事件發生時操作也差不多完成了，既使FireFox或是其它瀏覽器能行，可是IE瀏覽器卻不成。原因在于操作的同步或是異步的關系。如果操作同步了，但是數據添加又來不及操作，那么數據就無法入庫了。因而我們采用了Ajax方式進行操作，以異步添加數據的方式來解決該問題。代碼如下：

function?createXMLHttpRequest()?{
?if?(window.XMLHttpRequest)?{
??return?new?XMLHttpRequest();
?}?else?if?(window.ActiveXObject)?{
??return?new?ActiveXObject("Microsoft.XMLHttp");
?}
}
pageOpen?=?new?Date();
function?GetResidentTime()?{
?pageClose?=?new?Date();
?minutes?=?(pageClose.getMinutes()?-?pageOpen.getMinutes());
?seconds?=?(pageClose.getSeconds()?-?pageOpen.getSeconds());
?time?=?(seconds?+?(minutes?*?60));?
?var?xmlHttp?=?createXMLHttpRequest();
?xmlHttp.open("POST",?"page.cfm?ResidentTime="+time,?false);
?xmlHttp.send(null);?
}
window.onbeforeunload?=?GetResidentTime;

注意那個粗體的false哦，那里可以能否成功添加數據的關鍵，因為我們采用了異入操作。

轉載于:https://blog.51cto.com/yuanq20/755071

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的[转]如何统计一个浏览者在某页面的停留时间的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。