使用cookie，点击关闭一天后显示的弹窗

1.cookie简单介绍

必须在发送其他任何信息之前从服务器发送到客户端；

使用POST方法的表单数据被存储在$_POST数组中，URL传送给脚本的值被存储在$_GET数组里，函数setcookie()将cookie数据存放在数组$_COOKIE中：

 setcookie('name', 'test');  可以使用$_COOKIE['name']

其他可选的cookie参数：

 setcookie(name, value, expiration, path, domain, secure, httponly); 

expiration: 为cookie设定一个特定时间长度，可以使用php的time()函数获取当前时间

path: 限制站点中特定文件夹或者特定域中的cookie,

secure: 是否只能通过HTTPS连接传送

httponly: 限制对cookie的访问，不是所有浏览器都提供支持

删除cookie可以通过给cookie设置一个在过去的过期时间

弹窗代码：

<div id="app_banner" class="kid_banner">
            <a href="/" class="kb_click">
                <img src="test.png">
            </a>
            <a id="kb_close" href="javascript:void(0);" onclick="banner_close()" class="close"></a>
 </div> 

<script>
    function cookiesave(n,v,time,dn,path)//设置
    {
        if(n){
            if(!time) time=24*60*0*1000;
            if(!path) path="/";
            var Days=1;//1天
            /*var Days=0.00006;//4s测试*/
            var exp=new Date();
            var today=new Date();
            exp.setTime(today.getTime()+Days*24*60*60*1000);
            var expires="; expires="+exp.toGMTString();
            if(dn) dn="domain="+dn+";";
            document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;
        }
    }
    function cookieget(n)//获取
    {
        var name = n + "=";
        var ol=document.cookie;
        /*alert(ol);*/
        var ca = document.cookie.split(';');
        /*alert(ca);*/
        for(var i=0;i<ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
        }
        return "";
    }

    function banner_close(){
        $("#app_banner").slideUp();
        cookiesave('banner_close','banner_close','','');
    }

    function clickclose(){
        if(cookieget('banner_close')=='banner_close'){
            $("#app_banner").slideUp();
        }else{
            $("#app_banner").slideDown();
        }
    }
    window.onload=clickclose;
</script>

 

好好学习，天天向上，有错欢迎指正！