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

2019-11-20 11:55:11

字体：大中小

来源：转载

供稿：网友

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

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

运行效果如下图所示：

具体代码如下：

<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 * 1var lastHereFormatting = new Date(WWHTime); // 访问时间记录rvar 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 // displaySetCookie ("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程序设计有所帮助。

上一篇：解决jQuery uploadify在非IE核心浏览器下无法上传

下一篇：JavaScript采用递归算法计算阶乘实例