zoukankan      html  css  js  c++  java
  • js 设置 cookie 定时 弹出层 提示层 下次访问 不再显示 弹窗 getCookie setCookie setTimeout

    <div class="index-tt"></div>
    .index-tt {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 66;
        background: url(../images/index-tt01.png);
        background-size: 100%;
        display: none;
    }
    <script>//遮罩层
    console.log(getCookie('tt'));
    if( getCookie('tt') != 7){
    
        setTimeout(function(){
            $('.index-tt').fadeIn();
            document.body.style.overflow='hidden';
            document.body.style.height='100%';
            document.documentElement.style.overflow='hidden';
            window.scrollTo(0,0);
        },3000);
    
    }
    
        $('.index-tt').click(function(){
            $('.index-tt').fadeOut();
            document.body.style.overflow='auto';
            document.body.style.height='auto';
            document.documentElement.style.overflow='auto';
            setCookie('tt','7',10000);
        });
    
        function setCookie(c_name,value,expiredays)
        {
        var exdate=new Date()
        exdate.setDate(exdate.getDate()+expiredays)
        document.cookie=c_name+ "=" +escape(value)+
        ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
        }    
    
    
        function getCookie(c_name)
        {
            if (document.cookie.length>0)
            {
                c_start=document.cookie.indexOf(c_name + "=")
                if (c_start!=-1)
                { 
                c_start=c_start + c_name.length+1 
                c_end=document.cookie.indexOf(";",c_start)
                if (c_end==-1) c_end=document.cookie.length
                return unescape(document.cookie.substring(c_start,c_end))
                } 
            }
            return ""
        }
    
    </script>
  • 相关阅读:
    微信小程序非域名测试环境,手机预览不正常,模拟器和真机调试正常解决办法
    vue 建项目及初步开发遇到的问题
    开发&测试
    架构&项目
    运维
    读书&源码
    ArrayList
    jdk集合知识点整理
    jdk集合关系图
    jvm知识点整理
  • 原文地址:https://www.cnblogs.com/shaoing/p/8797427.html
Copyright © 2011-2022 走看看