jQuery cookie不过期

Question

我正在使用这个jQuery Cookie插件来创建和显示Cookie。

var date = new Date();
var minutes = 2;
date.setTime(date.getTime() + (minutes * 60 * 1000));        

$.cookie('the_cookie', 'the_value', { expires: date });

alert($.cookie('the_cookie'));

我设置了两分钟（用于测试，通常我将使用一小时。下面解释）。但是，如果两分钟后我再次访问该页面，它仍会显示Cookie警报。

我想做的事

我想在我的网站上显示一小时的消息。 这意味着，当访客第一次打开我的网站时，访客可以看到消息。 当访客点击其他页面时，该消息将不会显示。 一小时后，该消息将再次显示。

如何设置分钟，小时和天数？

这是我的代码摆弄。

Answer 1

这是因为您在创建/重新创建Cookie后显示警报。 :)

如果您移动alert($.cookie('the_cookie')); 到您的代码段的开头，您的Cookie会在2分钟内消失。

只需使用Chrome的资源> Cookies标签进行验证。 :)

这是更新的测试工具，还将显示cookie到期： http : //jsfiddle.net/bvaughn/860rr2Ly/

if ($.cookie('temporaryCookie')) {
    alert('Cookie still set');
} else if ($.cookie('longerCookie')) {
    alert('Cookie expired at ' + $.cookie('longerCookie'));
} else {
    alert('Cookie never set');
}

var expiresAt = new Date();
expiresAt.setTime(expiresAt.getTime() + 5000); // 5 secs

$.cookie('longerCookie', new Date());
$.cookie('temporaryCookie', true, { expires: expiresAt });

Answer 2

你可以试试

var thecookie = $.cookie('shown');
if (!thecookie) {
    var date = new Date();
    var delay = 20 * 1000;
    date.setTime(date.getTime() + delay);

    $.cookie('shown', 'true', {
        expires: date
    });
    $('body').html('show the message')
}

演示： 小提琴

Answer 3

如果您不担心IE8和更早版本的IE8，则可以使用max-age和简单的javascript作为更简单的解决方案：

if (document.cookie.indexOf('the_cookie') == -1) {
//show message
document.cookie = 'the_cookie;path=/;max-age=120;';
}

这将显示该消息，并设置一个2分钟的cookie（如果该cookie之前未设置或已过期）。