网站实现底部添加你是第几位访问者的方法
经常会看到一些网站有类似“您是第位访客”字样的计数统计,这里我们来实现把这个统计功能添加到destoon的底部,显示“你是第几问访问者”的效果。此处的计数器与网站流量统计有区别,记录的是刷新次数,并不是真实记录访问者的IP,对于需要真正进行统计的朋友可以进一步完善代码以满足自身需求。
下面就来说一下具体的实现方法:
打开底部footer.htm的文件,找到<a href="{$MODULE[1][linkurl]}" rel="external nofollow" >返回首页</a>,在后面加上这段代码:
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 | <script language= "JavaScript" > <!-- var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "" ) + ((path) ? "; path=" + path : "" ) + ((domain) ? "; domain=" + domain : "" ) + ((secure) ? "; secure" : "" ) if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm( "Cookie exceeds 4KB and will be cut!" )) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf( ";" , cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return (document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "" ) + ((domain) ? "; domain=" + domain : "" ) + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie( "counter" ) if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie( "counter" , visits, now) document.write( "您是第 " + visits + " 个来到本站访客" ) // --> </script> |
核心功能说明
localStorage 应用:通过浏览器本地存储记录访问次数,无需服务器支持。
动态文本更新 :每次访问时自动更新计数并显示欢迎信息。 兼容性:适用于支持HTML5和JavaScript的浏览器。
扩展建议
若需更精准的IP统计,需结合服务器端语言(如PHP)记录真实IP地址。
可添加动画效果(如数字滚动特效)增强视觉吸引力。