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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
详解Angular.js中$http拦截器的介绍及使用
Jul 04 Javascript
Javascript Promise用法详解
May 10 Javascript
VUEX-action可以修改state吗
Nov 19 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 Javascript
js实现网页随机验证码
Oct 19 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
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
了解一点js的Eval函数
2012/07/26 Javascript
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
微信小程序自定义键盘 内部虚拟支付
2018/12/20 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
21行Python代码实现拼写检查器
2016/01/25 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
Pandas中把dataframe转成array的方法
2018/04/13 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
应届生污水处理求职信
2013/11/06 职场文书
医院实习接收函
2014/01/12 职场文书
企业文化建设实施方案
2014/03/22 职场文书
学校募捐倡议书
2014/05/14 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
《抽屉原理》教学反思
2016/02/20 职场文书
如何写好开幕词?
2019/06/24 职场文书
使用CSS设置滚动条样式
2022/01/18 HTML / CSS
MySQL插入数据与查询数据
2022/03/25 MySQL
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python
Redis主从复制操作和配置详情
2022/09/23 Redis