JS基于cookie实现来宾统计记录访客信息的方法


Posted in Javascript onAugust 04, 2015

本文实例讲述了JS基于cookie实现来宾统计记录访客信息的方法。分享给大家供大家参考。具体如下:

这里使用JavaScript记录访客的来宾信息,记录是第几次来访,显示的信息有:您的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。

运行效果如下图所示:

JS基于cookie实现来宾统计记录访客信息的方法

具体代码如下:

<html>
<head>
<title>记录客户信息</title>
<script language="JavaScript">
<!--
var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = prompt("请输入姓名:",'');
SetCookie ('VisitorName', VisitorName, exp);
}
return VisitorName;
} 
function When(info){
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')
WWHTime = WWHTime * 1
var lastHereFormatting = new Date(WWHTime); // 访问时间记录r
var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
var lastHereInDateFormat = "" + lastHereFormatting; 
var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11)
var timeOfDay = lastHereInDateFormat.substring(11,16)
var year = lastHereInDateFormat.substring(23,25)
var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display
SetCookie ("WWhenH", rightNow.getTime(), exp)
return WWHText;
}
function Count(info){
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);
return WWHCount;
}
function set(){
VisitorName = prompt("??????",'');
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) { 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) 
endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { //读取cookie中的信息
var arg = name + "="; 
var alen = arg.length; 
var clen = document.cookie.length; 
var i = 0; 
while (i < clen) { 
var j = i + alen; 
if (document.cookie.substring(i, j) == arg) 
return getCookieVal (j); 
i = document.cookie.indexOf(" ", i) + 1; 
if (i == 0) break; 
} 
return null;
}
function SetCookie (name, value) //设置Cookie内容
{ 
var argv = SetCookie.arguments; 
var argc = SetCookie.arguments.length; 
var expires = (argc > 2) ? argv[2] : null; 
var path = (argc > 3) ? argv[3] : null; 
var domain = (argc > 4) ? argv[4] : null; 
var secure = (argc > 5) ? argv[5] : false; 
document.cookie = name + "=" + escape (value) + 
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
((path == null) ? "" : ("; path=" + path)) + 
((domain == null) ? "" : ("; domain=" + domain)) + 
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { 
var exp = new Date(); 
exp.setTime (exp.getTime() - 1); 
// 历史记录
var cval = GetCookie (name); 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
 -->
</script>
</head>
<body bgcolor="#ADADAD">
<hr>
<div align="center"><center>
  <font color="#FF0000">访客登记</font></p>
  <table border="0" width="523" cellspacing="0" cellpadding="0" height="34">
   <tr>
    <td width="1" height="16"><br>
    </td>
    <td width="552" height="16"><table border="1" width="100%">
     <tr>
      <td width="100%" bgcolor="#e8ffe8"><font color="#CC0099"><script language="JavaScript">
<!-- Hide this script from old browsers --
document.write("您好 <b>" + Who() + "</b>,您是第 <b>" + Count() + "</b> 次访问本主页. 最后一次是 <b>" + When() +"</b>. ")
document.write('<a href="JavaScript:set()">[按此改名]</a>')
// -- End Hiding Here -->
</script> 
      </font></td>
     </tr>
    </table>
</center></div>
<div align="center">
<font class=30pt>显示的信息有:您留的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。
</font>
</div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js滚动条多种样式,推荐
Feb 05 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
DOM基础教程之使用DOM
Jan 19 Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
Jun 14 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 #Javascript
基于js实现投票的实例代码
Aug 04 #Javascript
JavaScript数组对象赋值用法实例
Aug 04 #Javascript
JavaScript取得键盘按下方向键是哪个的方法
Aug 04 #Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 #Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 #Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 #Javascript
You might like
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
php实现事件监听与触发的方法
2014/11/21 PHP
thinkphp分页集成实例
2017/07/24 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
jQuery原理系列-css选择器的简单实现
2016/06/07 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
详解vue项目首页加载速度优化
2017/10/18 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
python中map()函数的使用方法示例
2017/09/29 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
Python实现图片裁剪的两种方式(Pillow和OpenCV)
2019/10/30 Python
linux面试题参考答案(9)
2015/01/07 面试题
外贸业务员求职信范文
2013/12/12 职场文书
入党积极分子思想汇报范文
2014/01/05 职场文书
一年级家长会邀请函
2014/01/25 职场文书
人事部岗位职责范本
2014/03/05 职场文书
店面销售职位的职责
2014/03/09 职场文书
金融系应届毕业生求职信
2014/05/26 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android