封装带过期时间的localStorage

傷城~ 2021-11-17 21:24 289阅读 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 条评论，289人围观）

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

相关阅读

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

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

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

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

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

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

相关【组件封装】监听localStorage的变化

前言： > 由于在平时开发中，经常或不经常的用到一些功能或插件或函数，回头找起来还挺麻烦，我的想法是我直接将他们全部的封装成一个个的组件，做到“”拿来即用“”且该组件必须

淩亂°似流年/ 2023年09月27日 08:58/ 0 赞/ 107 阅读

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

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

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

相关 localStorage封装

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

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

相关带过期时间的map实现

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

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

相关创建带过期时间的map

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

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

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

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

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

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

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

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

相关封装带过期时间的localStorage

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

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