使用cookie记录最后一次用户访问网站的时间

本文链接：https://blog.youkuaiyun.com/qq_38435906/article/details/79002248

该博客介绍了如何使用cookie来记录用户访问网站的最后时间。通过引入MDN提供的cookie操作库，当用户访问网站时，检查是否存在'lastVisit' cookie。如果存在，计算并显示自上次访问以来的天数；如果不存在，欢迎新用户。此外，根据用户访问的间隔时间显示不同的欢迎信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/***首先得去MDN下载一个提供cookie操作方法的库，地址为https://developer.mozilla.org/zh-CN/docs/Web/API/Document/cookie，操作方法的js文件名为cookie.js***/

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cookie Test Three</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src =
"http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="cookies.js"></script>
</head>
<body>

<div id="resultDiv"></div>

<script>
$(document).ready(function() {

var $resultDiv = $("#resultDiv");

//这是一名新用户吗?
var newUser = true;
//从最后一次访问到现在多少天
var daysSinceLastVisit;

//Check to see if we have the cookie...
if(docCookies.hasItem("lastVisit")) {
newUser = false;
//计算最后一次访问距离现在多久了
var lastVisit = docCookies.getItem("lastVisit");
var now = new Date();
var lastVisitDate = new Date(lastVisit);
//参见http://stackoverflow.com/a/3224854/52160
var timeDiff = Math.abs(now.getTime() - lastVisitDate.getTime());
var daysSinceLastVisit = Math.ceil(timeDiff / (1000 * 3600 * 24));
}

//将lastVisit设为当前时间
docCookies.setItem("lastVisit", new Date(), Infinity);

if(newUser) {
$resultDiv.text("Welcome to the site!");
} else if(daysSinceLastVisit > 20) {
$resultDiv.text("Welcome back to the site!");
} else {
$resultDiv.text("Welcome good user!");
}

});
</script>

</body>
</html>