码迷,mamicode.com
首页 > 其他好文 > 详细

div今天之内不再自动弹出(cookie)

时间:2017-05-27 00:49:13      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:src   logs   har   首页   lang   ajax   back   pass   type   

利用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)

标签:src   logs   har   首页   lang   ajax   back   pass   type   

原文地址:http://www.cnblogs.com/Gaoswatou/p/6910808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!