localStorage设置存储时间

    // 存储
    function setStorage(key,value,sTime){
        let obj = {
            data: value,
            time: Date.now(),
            storageTime: sTime
        }
        window.localStorage.setItem(key, JSON.stringify(obj))
    }

    // 取值
    function getStorage(key){
        let obj = window.localStorage.getItem(key)
        obj = JSON.parse(obj)
        if(null==obj || (Date.now()-obj.time>obj.storageTime)){
            window.localStorage.removeItem(key);
            return null
        }
        return obj.data
    }

//测试

function test(){

    var wxTmp = getStorage('wxTmp');
    if(null == wxTmp ){
        $.get("实际url", function(data){
            wxTmp = data;
            setStorage('wxScheme',wxTmp,24*60*60*1000)  // 仅存储1天
        });

    }

console.warn(wxTmp);

}

localStorageHTML5 提供的一种在客户端存储数据的方法,它可以将数据存储在浏览器中。localStorage 没有提供直接设置过期时间的 API,但是我们可以手动实现过期时间的功能。以下是一个简单的方法: 1. 存储数据时,除了存储数据本身,还存储一个过期时间(以时间戳的形式存储)。 2. 获取数据时,判断当前时间是否大于过期时间,如果是,则删除数据并返回 null,否则返回存储的数据。 3. 可以在每次页面加载时,检查 localStorage 中的所有数据是否过期,如果过期,则删除这些数据。 以下是一个示例代码: ```javascript 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 中的所有数据,并检查它们是否过期。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值