用于弹出消息的Jquery cookie插件

时间:2012-02-21 15:29:44

标签: jquery jquery-plugins cookies

当用户首次访问我的主页时,会弹出一条消息。如果您在过去15天内访问过该页面,我正在努力使该消息不会弹出。我正在考虑使用jquery.cookie插件来实现这一目标,但不确定如何使用它。任何帮助将不胜感激。

我正在为我的弹出消息使用colorbox插件,这是代码:

$(function () {
    $(window).bind('load',
    function (e) {
        window.setTimeout(function () {
            $.colorbox({ opacity: 0.3, href: "popupQualify.aspx" });
        }, /*timeout->*/2000);
    });
});

2 个答案:

答案 0 :(得分:1)

检查cookie,如果不存在则显示弹出窗口。然后设置cookie,有效期为15天。

$(function () {
    if($.cookie('nopopup') === null)
    {
        window.setTimeout(function () {
            $.colorbox({opacity: 0.3, href: 'popupQualify.aspx'});
        }, 2000);
    }

    $.cookie('nopopup', 'true', {expires: 15});
});

答案 1 :(得分:0)

你可以使用这个功能:

function getCookie(c_name){
            var i,x,y,ARRcookies=document.cookie.split(';');
            for (i=0;i<ARRcookies.length;i++)
              {
              x=ARRcookies[i].substr(0,ARRcookies[i].indexOf('='));
              y=ARRcookies[i].substr(ARRcookies[i].indexOf('=')+1);
              x=x.replace(/^\s+|\s+$/g,'');
              if (x==c_name)
                {
                return unescape(y);
                }
              }
        };
        function setCookie(c_name,value,exdays){
            var exdate=new Date();
            exdate.setDate(exdate.getDate() + exdays);
            var c_value=escape(value) + ((exdays==null) ? '' : '; expires='+exdate.toUTCString());
            document.cookie=c_name + '=' + c_value;
        };