利用cookie，让div今天之内不再自动弹出（类似关闭广告功能），适用于首页加载弹框提示。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>今天之内不在弹出div</title>
<style>
#did {
width: 200px;
height: 200px;
border: 1px solid #0ff;
display: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function closeToday() {
if (confirm(‘确定今天之内不再自动弹出？！‘)) {
// var date = new Date();
// date.setTime(date.getTime() + 60 * 1000); //只能这么写，10表示10秒钟
//当前日期
var curDate = new Date();
//当前时间戳
var curTamp = curDate.getTime();
//当日凌晨的时间戳,减去一毫秒是为了防止后续得到的时间不会达到00:00:00的状态
var curWeeHours = new Date(curDate.toLocaleDateString()).getTime() - 1;
//当日已经过去的时间（毫秒）
var passedTamp = curTamp - curWeeHours;
//当日剩余时间
var leftTamp = 24 * 60 * 60 * 1000 - passedTamp;
var leftTime = new Date();
leftTime.setTime(leftTamp + curTamp);
// 设置cookie
document.cookie = ‘loginCount=1;expires=‘ + leftTime.toGMTString() + ‘;path=/‘;
$("#did").css("display", "none")
}
}
</script>
</head>
<body>
<div id="did">
内容。。。。
<button onclick="closeToday()">今天不再自动弹出</button>
</div>
<button id="btnid" type="">button</button>
</body>
<script>
$(document).ready(function () {
var isClosed = /(^|;| )loginCount=1/.test(document.cookie); //判定cookie是否存在
if (!isClosed) {
$("#did").css("display", "block")
} else {
$("#did").css("display", "none")
}
$("#btnid").on("click", function () {
$(‘#did‘).toggle();
})
});
</script>
</html>
ps：本地测试无效，放到线上才行！！
G~G~ Study。
时间： 2024-10-24 21:54:32