本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答
