div今天之內不再自動彈出（cookie）
阿新 • • 發佈：2017-05-27
round led 存在 expires htm spa edt ready back
利用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> functioncloseToday() { 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）