用ajax做心跳,js用img代替ajax js心跳向服务器定时传送参数主要计算用户在线时长...-优快云博客

这篇博客详细介绍了如何使用JavaScript来记录和统计用户在网站上的在线时长。通过创建一个隐藏的img元素，配合定时器，每隔一定时间发送请求到服务器更新用户状态。同时，该代码还考虑了窗口焦点变化对计时的影响，当窗口失去焦点时停止计时，聚焦时恢复。此外，还展示了如何集成自定义网站标识以便进行更精确的统计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html:

记录用户的在线时长

var Statistics_Website_logo ={

‘Website_logo_title‘:‘学而思‘,

‘Website_logo_Theme‘:‘教育行业‘,

‘Website_logo_Company‘:‘好未来‘

};

OnlineTime.js:

/***

****2015.1.4 img代替ajax心跳主要计算用户在线时长****

***/

var xue = xue || {};

xue.infoCount = xue.infoCount || {};

xue.infoCount.TimerFunction = null;//定时器函数

xue.infoCount.RefreshTime = 5000;//定时器刷新时间

xue.infoCount.Domain = document.domain;//域名

xue.infoCount.URL = document.URL;//URL

xue.infoCount.Title = document.title;//页面标题

xue.infoCount.Resolution = (window.screen.height)+‘&&‘+(window.screen.width);//分辨率

xue.infoCount.ColorDepth = window.screen.colorDepth;//颜色深度

xue.infoCount.Referrer = document.referrer;//Referrer

xue.infoCount.ClientLanguage = navigator.language;//客户端语言

xue.infoCount.AppName = navigator.appName;//客户端浏览器名称

xue.infoCount.AppVersion = navigator.appVersion;//客户端浏览器版本号

xue.infoCount.Timestamp = new Date().getTime();//页面刷新时间戳

xue.infoCount.RefreshTimes = 0;//定时器响应的次数

xue.infoCount.ImgAjax = document.createElement("img");

xue.infoCount.ImgAjax.id="ImgOnlineTime";

xue.infoCount.ImgAjax.style.width = "0";

xue.infoCount.ImgAjax.style.height = "0";

document.body.appendChild(xue.infoCount.ImgAjax);

/****

***设置cookie和获取cookie***

***/

xue.infoCount.getsec = function(str){

var str1=str.substring(1,str.length)*1;

var str2=str.substring(0,1);

if (str2=="s"){

return str1*1000;

}else if (str2=="h"){

return str1*60*60*1000;

}else if (str2=="d"){

return str1*24*60*60*1000;

}

xue.infoCount.setCookie = function (name,value,time){

var strsec = this.getsec(time);

var exp = new Date();

exp.setTime(exp.getTime() + strsec*1);

document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

}

xue.infoCount.getCookie = function(name){

var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

if(arr=document.cookie.match(reg))

return (arr[2]);

else

return null;

}

//用户自定义的网站标识

xue.infoCount.Websitelogo = ‘‘;

var Statistics_Website_logo;

if(Statistics_Website_logo){

for (var Key in Statistics_Website_logo){

xue.infoCount.Websitelogo =xue.infoCount.Websitelogo+‘&‘+‘‘+Key+‘=‘+Statistics_Website_logo[Key]+‘‘;

}

}else{

xue.infoCount.Websitelogo = ‘‘;

}

/****

***统计页面函数***

***/

xue.infoCount.AjaxOnlineTime = function () {

this.RefreshTimes++;

this.setCookie("Visitorslogo","xueersi","d1000000000000000");//设置客户标识

this.Visitorslogo = this.getCookie(‘Visitorslogo‘);

if (this.Visitorslogo) {

this.Visitorslogo = ‘1‘

}else{

this.Visitorslogo = ‘0‘

}

this.Data = ‘http://xeslog.xesv5.com/?Domain=‘+this.Domain+‘&URL=‘+this.URL+‘&Title=‘+this.Title+‘&Resolution=‘+this.Resolution+‘&ColorDepth=‘+this.ColorDepth+‘&Referrer=‘+this.Referrer+‘&ClientLanguage=‘+this.ClientLanguage+‘&AppName=‘+this.AppName+‘&AppVersion=‘+this.AppVersion+‘&Timestamp=‘+this.Timestamp+‘&Visitorslogo=‘+this.Visitorslogo+‘‘+this.Websitelogo+‘‘;

document.getElementById(‘ImgOnlineTime‘).setAttribute("src",this.Data);

};

xue.infoCount.TimerFunction = window.setInterval("xue.infoCount.AjaxOnlineTime()", xue.infoCount.RefreshTime);//定时器每5s刷新一次

window.onload = function(){

window.onfocus=function(){

//window.clearInterval(xue.infoCount.TimerFunction);

xue.infoCount.TimerFunction = window.setInterval("xue.infoCount.AjaxOnlineTime()", xue.infoCount.RefreshTime);//定时器每5s刷新一次

};

window.onblur=function(){

window.clearInterval(xue.infoCount.TimerFunction);

};

原文：http://www.cnblogs.com/dearxinli/p/4207580.html