本文实例讲述了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 * 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)) + ((domain == null) "; domain=" + domain)) + ((secure == true) "); } 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"> < 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程序设计有所帮助。
【JS基于cookie实现来宾统计记录访客信息的方法】相关文章：
★ JavaScript基于setTimeout实现计数的方法