正文

如何设置JavaScript中的cookie使它在特定时间后失效

/0 浏览量
0804

在JavaScript中设置cookie，使其在特定时间后失效，可以通过以下步骤实现：

1. 创建cookie

首先，我们需要创建一个cookie。cookie通常由三个部分组成：键（key）、值（value）和属性（attributes）。属性包括过期时间、路径、域等。

function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

在上面的代码中，setCookie函数接受三个参数：cookie的名称、值和过期天数。如果提供了过期天数，函数会计算出一个过期时间，并将其添加到cookie中。

2. 设置过期时间

在上面的setCookie函数中，我们通过new Date()创建了一个新的日期对象，并使用setTime()方法设置了过期时间。这里，我们将当前时间加上指定天数（以毫秒为单位）。

var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

这里，date.getTime()返回当前时间的毫秒数，而days * 24 * 60 * 60 * 1000是将天数转换为毫秒。

3. 使用cookie

一旦设置了cookie，你就可以在网页中使用它。以下是如何使用上面创建的setCookie函数：

setCookie("user", "John Doe", 7); // 设置一个名为"user"的cookie，值为"John Doe"，7天后过期

在上面的例子中，我们设置了名为”user”的cookie，其值为”John Doe”，并在7天后过期。

4. 读取cookie

要读取cookie，你可以使用document.cookie属性。以下是如何读取上面设置的cookie：

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

在上面的getCookie函数中，我们通过分割document.cookie来获取所有的cookie，然后检查每个cookie是否匹配给定的名称。如果找到了匹配的cookie，我们就返回它的值。

5. 删除cookie

要删除一个cookie，你可以设置它的过期时间为当前时间：

function deleteCookie(name) {
    document.cookie = name + '=; Max-Age=-99999999;';
}

在上面的deleteCookie函数中，我们设置了cookie的过期时间为负数，这将导致浏览器立即删除该cookie。

通过以上步骤，你可以在JavaScript中设置、读取和删除cookie，并使其在特定时间后失效。

-- 展开阅读全文 --