javascript - jQuery cookie 不会过期

Question

我正在使用这个jQuery cookie plugin用于创建和显示 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警报。

我想做什么

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

如何设置分钟、小时和天？

这里是my codes fiddle.

Answer 1

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

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

只需使用 Chrome 的资源 > Cookie 选项卡即可进行验证。 :)

这是一个更新的测试工具，也将显示 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 });