js用img代替ajax js心跳 向服务器定时传送参数 主要计算用户在线时长
html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>记录用户的在线时长</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
var Statistics_Website_logo ={
'Website_logo_title':'学而思',
'Website_logo_Theme':'教育行业',
'Website_logo_Company':'好未来'
};
</script>
<script type="text/javascript" src="js/OnlineTime.js"></script>
OnlineTime.js:
/***
****2015.1.4 img代替ajax心跳 主要计算用户在线时长****
***/
var xue = xue || {};
xue.statistics = xue.statistics || {};
xue.statistics.TimerFunction = null;//定时器函数
xue.statistics.RefreshTime = 5000;//定时器刷新时间
xue.statistics.Domain = document.domain;//域名
xue.statistics.URL = window.location.href;//URL
xue.statistics.Title = document.title;//页面标题
xue.statistics.Resolution = (window.screen.height)+'&&'+(window.screen.width);//分辨率
xue.statistics.ColorDepth = window.screen.colorDepth;//颜色深度
xue.statistics.Referrer = document.referrer;//Referrer
xue.statistics.ClientLanguage = navigator.language;//客户端语言
xue.statistics.AppName = navigator.appName;//客户端浏览器名称
xue.statistics.AppVersion = navigator.appVersion;//客户端浏览器版本号
xue.statistics.Timestamp = new Date().getTime();//页面刷新时间戳
xue.statistics.RefreshTimes = 0;//定时器响应的次数
xue.statistics.ImgAjax = document.createElement("img");
xue.statistics.ImgAjax.id="ImgOnlineTime";
xue.statistics.ImgAjax.style.width = "0";
xue.statistics.ImgAjax.style.height = "0";
document.body.appendChild(xue.statistics.ImgAjax);
/****
***设置cookie和获取cookie***
***/
xue.statistics.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.statistics.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()+";path=/;domain=.xueersi.com";
}
xue.statistics.getCookie = function(name){
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return (arr[2]);
else
return null;
}
xue.statistics.randomNum = function(randomNum){
this.Random="";
for(var i=0;i<randomNum;i++)
this.Random+=Math.floor(Math.random()*10);
return this.Random;
}
//用户自定义的网站标识
xue.statistics.Websitelogo = '';
var Statistics_Website_logo;
try{
for (var Key in Statistics_Website_logo){
xue.statistics.Websitelogo =xue.statistics.Websitelogo+'&'+''+Key+'='+Statistics_Website_logo[Key]+'';
}
}catch(e){
xue.statistics.Websitelogo = '';
}
/****
***统计页面函数***
***/
xue.statistics.AjaxOnlineTime = function () {
this.RefreshTimes++;
this.Random = this.randomNum(5) + this.Timestamp;
this.setCookie("xue_stat",this.Random,"d1000000000000000");//设置客户标识
this.Visitorslogo = this.getCookie('xue_stat');
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+'&xue_stat='+this.Visitorslogo+''+this.Websitelogo+'';
document.getElementById('ImgOnlineTime').src = this.Data;
};
window.onload = function(){
// if(navigator.userAgent.indexOf('WebKit')>0){
xue.statistics.TimerFunction = window.setInterval("xue.statistics.AjaxOnlineTime()", xue.statistics.RefreshTime);//定时器每5s刷新一次
//}
window.onblur=function(){
window.clearInterval(xue.statistics.TimerFunction);
window.onfocus=function(){
//window.clearInterval(xue.statistics.TimerFunction);
xue.statistics.TimerFunction = window.setInterval("xue.statistics.AjaxOnlineTime()", xue.statistics.RefreshTime);//定时器每5s刷新一次
};
};
};
相关文章
- JS框架_(JQuery.js)绚丽的3D星空动画
- JS框架_(JQuery.js)圆形多选菜单选项
- JS框架_(JQbar.js)柱状图动态百分比进度条特效
- JS框架_(JQuery.js)Tooltip弹出式按钮插件
- JS框架_(Progress.js)圆形动画进度条
- JS框架_(Esign.js)仿信用卡电子签名特效
- JS框架_(Qrcode.js)将你的内容转换成二维码格式
- JS框架_(JQuery.js)带阴影贴纸标签按钮
- JS框架_(JQuery.js)图片相册掀开切换效果
- 【华为云技术分享】如何快速实现鲲鹏弹性云服务器Node.js部署和高可用性?
- JS - 解决引入 js 文件无效的问题
- Underscore.js
- js
- Knockout.Js官网学习(text绑定)
- [Next.js] Override the Default App Component in Next.js
- [Node.js] Mock an API for Local Development in React with Mirage JS
- [Hapi.js] Logging with good and good-console
- node.js实现国标GB28181设备接入的sip服务器解决方案
- 高性能流媒体服务器EasyDSS前端重构(四)- webpack + video.js 打造流媒体服务器前端
- js 调用webservice及nigix解决跨域问题
- Atitit. 数据约束 校验 原理理论与 架构设计 理念模式java php c#.net js javascript mysql oracle
- 华为OD机试 - 可以组成网络的服务器(Java & JS & Python)
- 原生js通过XMLHttpRequest获取服务器数据并渲染到页面中
- JS中注入eval, Function等系统函数截获动态代码
- babel配置项目目录支持转换es6语法,引入非项目目录js后,引入Js转换无效
- 前端必备技能知识:JS导出Blob流文件为Excel表格、Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
- JS Undefined类型