cookie判断用户是否第一次登陆

前言

项目需求：需要在用户第一次登陆的时候，显示引导图，提高用户体验。

代码

<script type="text/javascript">
     $(document).ready(function() {
       var newVisitor = isNewVisitor();// 如果是新访客
       if(newVisitor === true)
       {
       // 动画弹出消息框
       $('.guide-mask').show();

       // 标记：已经向该访客弹出过消息。30天之内不要再弹
       setCookie("gznotes-visited","true", 5);
       }
     });

     function isNewVisitor() {
     // 从cookie读取“已经向访客提示过消息”的标志位
       var flg = getCookie("gznotes-visited");
        if (flg === "") {
        return true;
        } else {
         return false;
        }
     }
   // 写字段到cookie
     function setCookie(cname, cvalue, exdays) {
       var d = new Date();
       d.setTime(d.getTime() + (exdays*24*60*60*1000));
       var expires = "expires="+d.toUTCString();
       document.cookie = cname + "=" + cvalue + "; " + expires +";path=/";
     } 
     // 读cookie
     function getCookie(cname) {
       var name = cname + "=";
       var ca = document.cookie.split(';');
       for(var i=0; i<ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0)==' ') c = c.substring(1);
          if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
        }
        return "";
     }
</script>

在浏览器中也能通过getCookie(name)查到相关cookie。

getCookie(‘gznotes-visited’)
“true”

代码来自于：分步引导中，Js操作Cookie，实现判断用户是否第一次登陆网站

赏

谢谢你请我吃糖果