封装带过期时间的localStorage

傷城~ 2021-11-17 21:24 380阅读 0赞

// 封装一个localStorage函数,减少页面请求
    export function Storage() {
        if (!window.localStorage) {
            // 这里应该走cookie逻辑
            alert('此版本浏览器不支持本地存储')
            return false
        }
        return {
            set(key, obj, outtime) {
                let ctime = parseInt(Date.now() / 1000) //获取存数据的时间
                let exp = outtime || 24 * 60 * 60//outtime 是 秒为单位的过期时间
                let outObj = { // 时间和数据
                    outime: ctime + exp,
                    data: obj
                }
                localStorage.setItem(key, JSON.stringify(outObj))
            },
            get(key) {
                let data = JSON.parse(localStorage.getItem(key))
                //初始化没有数据
                if (!data) { return false }
                //判断过期时间 和获取数据的时间对比 大于过期时间说明超时
                if (data.outime >= parseInt(Date.now() / 1000)) {
                    return data.data
                } else {
                    return false
                }
            }
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，380人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS--localStorage设置过期时间的方案(有示例)

原文网址：[JS--localStorage设置过期时间的方案(有示例)\_IT利刃出鞘的博客-CSDN博客][JS--localStorage_IT_-CSDN] 简介

蔚落/ 2024年03月30日 11:39/ 0 赞/ 133 阅读

相关 localStorage的过期时间设置的方法？

我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！ <script type="t

矫情吗；*/ 2023年10月17日 14:36/ 0 赞/ 169 阅读

相关简简单单做一个带过期时间的内存缓存

做手机验证码的时候，一般都有五分钟或十分钟的限时机制，所以就需要把“号码–验证码”的信息暂存起来，过期便无效——类似于 Redis 自带过期的机制就适合了。不过应用 Redis

水深无声/ 2023年02月12日 06:20/ 0 赞/ 47 阅读

相关封装的localStorage、sessionStorage的存取函数，可以配置过期时间

/ localStorage @调用：_local.set('access_token', '123456', 5000); @调用

r囧r小猫/ 2023年01月05日 12:07/ 0 赞/ 224 阅读

相关 localStorage封装

localStorage标准封装 const myStorage = { //存储 set(key, value) { local

Dear 丶/ 2022年11月10日 05:38/ 0 赞/ 214 阅读

相关带过期时间的map实现

package com.linkage.system.utils; import java.util.Collection; import j

素颜马尾好姑娘i/ 2022年09月13日 14:29/ 0 赞/ 249 阅读

相关创建带过期时间的map

/ / package cn.article.utils; / Title: ExpireMap

快来打我*/ 2022年05月27日 12:10/ 0 赞/ 212 阅读

相关 localStorage的过期时间设置的方法

版权声明： https://blog.csdn.net/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销

谁借莪１个温暖的怀抱￠/ 2022年04月15日 00:46/ 0 赞/ 646 阅读

相关封装cookie,自定义过期时间,domain,path

//存储cookie function setCookie(name, val, obj) { let { day,

阳光穿透心脏的1/2处/ 2022年01月06日 10:17/ 0 赞/ 306 阅读

相关封装带过期时间的localStorage

// 封装一个localStorage函数,减少页面请求 export function Storage() { if (!window.loc

傷城~/ 2021年11月17日 21:24/ 0 赞/ 381 阅读