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

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

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

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

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

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

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哦，那里可以能否成功添加數(shù)據(jù)的關(guān)鍵，因為我們采用了異入操作。

轉(zhuǎn)載于:https://blog.51cto.com/yuanq20/755071

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。