localStorage设置过期时间

localStorage 是 HTML5 提供的一种在客户端存储数据的方法，它可以将数据存储在浏览器中。localStorage 没有提供直接设置过期时间的 API，但是我们可以手动实现过期时间的功能。以下是一个简单的方法：

1. 存储数据时，除了存储数据本身，还存储一个过期时间（以时间戳的形式存储）。
2. 获取数据时，判断当前时间是否大于过期时间，如果是，则删除数据并返回 null，否则返回存储的数据。
3. 可以在每次页面加载时，检查 localStorage 中的所有数据是否过期，如果过期，则删除这些数据。

以下是一个示例代码：

function setLocalStorageWithExpiration(key, value, expirationInMinutes) {
    const expirationDate = new Date(new Date().getTime() + (expirationInMinutes * 60 * 1000));
    const item = {
        value: value,
        expirationDate: expirationDate.getTime()
    };
    localStorage.setItem(key, JSON.stringify(item));
}

function getLocalStorageWithExpiration(key) {
    const itemStr = localStorage.getItem(key);
    if (!itemStr) {
        return null;
    }
    const item = JSON.parse(itemStr);
    const now = new Date();
    if (now.getTime() > item.expirationDate) {
        localStorage.removeItem(key);
        return null;
    }
    return item.value;
}

// 每次页面加载时，检查 localStorage 中的所有数据是否过期
for (let i = 0; i < localStorage.length; i++) {
    const key = localStorage.key(i);
    getLocalStorageWithExpiration(key);
}

在上面的代码中，我们定义了两个函数：setLocalStorageWithExpiration 和 getLocalStorageWithExpiration。setLocalStorageWithExpiration 函数用于将数据存储到 localStorage 中，并设置过期时间；getLocalStorageWithExpiration 函数用于从 localStorage 中获取数据，并检查数据是否过期。最后，我们在页面加载时，遍历 localStorage 中的所有数据，并检查它们是否过期。