JS基于cookie实现来宾统计记录访客信息示例源码,这里利用JavaScript记录访客的来宾信息,记录是第几次来访,显示的信息有:您的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。
运行效果如下图所示:
具体代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
<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> |