js 设置本地存储过期时间

在JavaScript中，可以使用`localStorage`对象来设置本地存储的过期时间。然而，`localStorage`本身并没有直接提供设置过期时间的方法，但我们可以通过一些技巧来实现。

一种常见的方法是使用`localStorage`来存储一个对象，该对象包含两个属性：`value`和`expireTime`。`value`属性存储需要存储的数据，`expireTime`属性存储数据的过期时间。每次访问`localStorage`时，都可以检查当前时间和过期时间的差值，如果已过期则删除该数据。

以下是示例代码：

// 设置本地存储的数据，并指定过期时间（单位：秒）
function setLocalStorageWithExpiration(key, value, expirationTime) {
    const item = {
        value: value,
        expireTime: Date.now() + expirationTime * 1000  // 转换为毫秒
    };
    localStorage.setItem(key, JSON.stringify(item));
}

// 获取本地存储的数据
function getLocalStorageWithExpiration(key) {
    const item = JSON.parse(localStorage.getItem(key));
    if (item && Date.now() < item.expireTime) {
        return item.value;
    }
    // 数据已过期或不存在时返回空值
    return null;
}

使用示例：

// 设置名为"myData"的本地存储数据，有效期为60秒
setLocalStorageWithExpiration("myData", { name: "John", age: 25 }, 60);

// 获取名为"myData"的本地存储数据
const data = getLocalStorageWithExpiration("myData");
if (data) {
    console.log(data);
} else {
    console.log("数据已过期或不存在。");
}

通过上述方法，我们可以设置本地存储的过期时间，并在访问数据时进行过期判断，以确保数据的有效性。