JavaScript Cookie显示用户上次访问的时间和次数

更新时间：2009年12月08日 01:15:16 作者：

用cookies记录用户的访问时间与次数，然后再次访问时，在读取。

httml代码：

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Untitled Document</title> 
</head> 
<body onload="start()"> 
</body> 
</html> 

JS代码：

复制代码代码如下:

 
<script language="JavaScript" type="text/javascript"> 
<!-- 
function getCookie(name){ 
if(document.cookie.length > 0){ 
start = document.cookie.indexOf(name + "="); 
if( start != -1){ 
start = start +name.length + 1; 
end = document.cookie.indexOf(";",start); 
if( end == -1){ 
end = document.cookie.length; 
} 
return decodeURI(document.cookie.substring(start,end)); 
} 
} 
return ""; 
} 
function setCookie(name, value, expires, path, domain, secure){ 
var curcookie = name + "=" +encodeURI(value) 
+ ((expires) ? ";expires=" + expires.toGMTString() : "") 
+ ((path) ? ";path=" + path : "") 
+ ((domain) ? ";domain=" + domain : "") 
+ ((secure) ? ";secure" : ""); 
document.cookie = curcookie; 
} 
function start() { 
var text = ""; 
var visitorName = getCookie("VisitorName"); 
var lasttime = getCookie("time"); 
var isnMonth = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
var isnDay = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
var today = new Date(); 
var year = today.getYear(); 
var day = today.getDate(); 
var cookietime = year + "年" + isnMonth[today.getMonth()] + day +"日" + isnDay[today.getDay()]; 
today.setTime(today.getTime() + 365*24*60*60*1000); 
setCookie("time",cookietime,today); 
if(visitorName =="") { 
visitorName = prompt("Input your name:"); 
setCookie("VisitorName",visitorName,today); 
document.write("Hello,"+ visitorName + "首次光臨本站，請多提寶貴意見"); 
} 
else { 
text += "Hello,"+ visitorName + "您是第 " + count() + "次訪問本站,<br>上次訪問時間為:" + lasttime; 
document.write(text); 
} 
} 
function count() { 
var now = new Date(); 
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); 
return visits; 
} 
--> 
</script> 

您可能感兴趣的文章:

js 对象使用的小技巧实例分析
这篇文章主要介绍了js 对象使用的小技巧,结合实例形式分析了JavaScript对象的遍历、查找、事件监听等相关操作技巧,需要的朋友可以参考下
2019-11-11
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
这篇文章主要介绍了项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)的相关资料,需要的朋友可以参考下
2016-07-07
Javascript实现鼠标点击冒泡特效
这篇文章主要为大家详细介绍了Javascript实现鼠标点击冒泡特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-12-12
js实现移动端简易滑动表格
这篇文章主要为大家详细介绍了js实现移动端简易滑动表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-02-02
基于JavaScript实现每日签到打卡轨迹功能
这篇文章主要为大家详细介绍了基于JavaScript实现每日签到打卡轨迹功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
ES6 对象的新功能与解构赋值介绍
这篇文章主要介绍了ES6 对象的新功能与解构赋值介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
JavaScript设计模式之单例模式
单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
JS如何把字符串转换成json
这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-02-02
Function.prototype.call.apply结合用法分析示例
昨天在网上看到一个很有意思的js面试题：var a = Function.prototype.call.apply(function(a){return a;}, [0,4,3]);alert(a); 分析步骤如下，感兴趣的朋友可以参考下哈
2013-07-07
JS制作手机端自适应缩放显示
允许网页宽度自动调整的"自适应网页设计"到底是怎么做到的？下面我们就来通过示例来探讨下。
2015-06-06