首页 > 代码库 > div今天之内不再自动弹出（cookie）
div今天之内不再自动弹出（cookie）
利用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。
div今天之内不再自动弹出（cookie）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。