当前位置: 首页 > news >正文

带过期时间的localstorage封装

localstorage原本是不带过期时间的,xijs提供了一个带过期时间封装的store工具,但是用起来因为文档基本等于没有,所以干脆直接封装一个用,其中ttl是过期时间,以毫秒计算。

// 设置function setLocalStorageWithExpiry(key, value, ttl) {const now = new Date()// ttl : 毫秒const item = {value: value,expiry: now.getTime() + ttl,}localStorage.setItem(key, JSON.stringify(item))}
// 获取valuefunction getLocalStorageWithExpiry(key) {const itemValue = localStorage.getItem(key)if (!itemValue) {return null}const item = JSON.parse(itemValue)const now = new Date()if (now.getTime() > item.expiry) {localStorage.removeItem(key)return null}return item.value}
// 删除过期的所有keyfunction batchRemoveExpiredKeys() {const keys = Object.keys(localStorage);// 过滤出过期的keyconst expiredKeys = keys.filter(key => {const value = localStorage.getItem(key);try {const data = JSON.parse(value);return data.expirey && Date.now() > data.expirey;} catch (e) {return false;}});// 删除过期的keyexpiredKeys.forEach(key => {localStorage.removeItem(key);});}

http://www.lryc.cn/news/207573.html

相关文章:

  • mac系统u盘启动盘制作教程,更新至macOS Sonoma 14
  • 基于单片机的智能电子鼻的设计
  • 代码随想录图论 第三天 | 130. 被围绕的区域 417. 太平洋大西洋水流问题
  • 二、【常用的几种抠图方式一】
  • 常见面试题-MySQL专栏(一)
  • 使用Docker部署Apache Superset并实现公网远程访问
  • buuctf_练[CISCN2019 华东南赛区]Web4
  • 国际腾讯云直播推流配置教程!
  • RocketMQ与Kafka差异对比:从架构到性能细节,解析两者在可靠性、扩展性和可用性等方面的优劣
  • 【数智化人物展】同方有云联合创始人兼总经理江琦:云计算,引领数智化升级的动能...
  • SpringMVC Day 03 : 处理静态资源
  • activiti 用户任务中的执行监听器
  • leetcode做题笔记200. 岛屿数量
  • HTTP 之 options预请求 nginx 解决跨域 postman调试跨域问题
  • MFC知识点
  • Spring-手写模拟Spring底层原理
  • Scala【集合常用方法和函数操作(下)】
  • JS加密/解密之那些不为人知的基础逻辑运算符
  • flinksql kafka到mysql累计指标练习
  • pdf转jpg的方法【ps和工具方法】
  • 【已解决】Qt发送信号后,槽函数没有响应
  • Kafka入门05——基础知识
  • WordPress(7)配置邮箱发送功能
  • 简化路径(C++解法)
  • CS224W1.1——图机器学习介绍
  • docker搭建waline评论系统
  • sql server 生成连续日期和数字
  • 太极v14.0.4 免ROOT用Xposed
  • python DevOps
  • Git(四)底层命令:git对象、树对象、提交对象