检查过期时间jQuery cookie

Question

我已经使用jQuery cookie插件设置了一个cookie。我已将cookie的过期时间设置为一个小时，因此在此时间之后，该cookie将被删除。我想通过从cookie本身检索此信息来向用户显示cookie过期之前的剩余时间。使用jQuery cookies插件可以吗？如果没有，有没有一种雄辩的方法来实现这一点？

我这样设置了过期时间：

jQuery.cookie('Cookie', timedCookie, { expires: new Date(+new Date() + (60 * 60 * 1000)) });

Answer 1

使用JavaScript是不可能获得cookie的有效期的。要做到这一点，唯一的方法是以某种方式存储到期日期，例如在javascript变量中，或者在另一个cookie或本地存储中。

下面是一个例子：

var MINUTES = 1000 * 60;

var expireTime = new Date(+new Date + (60 * MINUTES)); // store the expiration time

jQuery.cookie('Cookie', timedCookie, { expires: expireTime });

var updateMessage = function(msg){
    document.getElementById('time-left').innerHTML = msg;
};

var i = setInterval(function(){ // calculate time difference every ~1 min
    var timeLeft = expireTime - new Date; 
    if(timeLeft <= 0){
        updateMessage('Your session has expired.');
        clearInterval(i);
    } else {
        updateMessage('You have ' + (timeLeft / MINUTES | 0) + ' minute(s) left in your cookied session.');   
    }
}, MINUTES);