用于弹出消息的 Jquery cookie 插件

Question

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

我正在使用 colorbox 插件来显示弹出消息，代码如下：

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

Answer 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});
});

Answer 2

你可以使用这个功能：

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;
        };