localStorage 设置过期时间

摘要:
设置localStorage过期时间方法。

设置localStorage过期时间方法。

/****
* name:localStorage的key
* data:localStorage的Value
* expire:localStorage的过期时间,默认是1天后过期
****/
//
设置缓存 const localStorageSet = (name, data, expire = new Date().getTime() + expire * 60 * 60 * 1000) =>{ const obj ={ data, expire }; localStorage.setItem(name, JSON.stringify(obj)); }; //读取缓存 const localStorageGet = name =>{ const storage =localStorage.getItem(name); const time = newDate().getTime(); let result ={}; if(storage) { const obj =JSON.parse(storage); if (time <obj.expire) { result =obj.data; } else{ localStorage.removeItem(name); } } returnresult; };

使用:

设置过期时间为第2天凌晨。

let expire = new Date(new Date().setDate(new Date().getDate() + 1)).setHours(0, 0, 0, 0);
localStorageSet('popup', {
    showOnce: true,
}, expire);

免责声明:文章转载自《localStorage 设置过期时间》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇spark的standalone模式下:查看任务结束后的历史记录mdadm 创建md 删除md步骤下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

项目中 关于localstorage、cookie的坑?明明设置了本地存储为什么没生效

1.简单的介绍一下localStorage,sessionStorage,cookie localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。 sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话级存储,也就是说如果关闭当前页面或者浏览器那么就会清...

关于H5本部缓存localStorage,sessionStorage

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 一直存在除非用户手动清除缓存;是基于域的,任何该域下的所有页面都可访问localStorage sessionStorage - 针对一个 session 的数据存储 浏览器关闭时清除 之前,这些都是由 cookie 完成的。但是 cookie 不适...

vuex存储和本地存储的区别

1、实质的区别 vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地 2、应用场景 vuex用于组件之间的传值,localstorage则主要用于页面之间的传值 3、永久性 当刷新页面时,vuex存储的值会丢失,localstorage不会 4、总结 个人在使用的时候,觉得用localstora...

浅谈Web缓存

原文出处: AlloyTeam    在前端开发中,性能一直都是被大家所重视的一点,然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。那么下面我们就来看看服务器端缓存的原理。 缓存分类 web缓存...

HTML5安全风险详析之二:Web Storage攻击

HTML5支持WebStorage,开发者可以为应用创建本地存储,存储一些有用的信息。例如LocalStorage可以长期存储,而且存放空间很大,一般是5M,极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。 一、WebStorage简介 HTML5支持WebStorage,开发者可以为应...

【js】了解前端缓存,收获不止于此!

了解前端缓存,收获不止于此! 这次我们来讲一下关于前端缓存的问题。感谢赵欢同学提供doc素材。 首先,开局我画了一张图,你会对文章有一个大局了解。 今天讲的是前端缓存。 前端缓存有3大种:如图,分为HTTP缓存、浏览器缓存、应用程序缓存。 HTTP缓存我们先来看HTTP缓存:(做下了解) 分为强缓存与协商缓存。 首先看强缓存: 强缓存之Expires...