JS设置localStorage有效期

localStorage是一个没有时间限制的数据存储,如果没有手动删除它,它将永久保存。

但是有些时候我们又需要它在一段时间后自动删除,这里我们可以对它进行扩展。

Highlighter">
rush:javascript;gutter:true;">var date = new Date().getTime();
//设置localStorage的值
foowwLocalStorage.set("test","你好",date + 10000);
//获取localStorage的值
var data = foowwLocalStorage.get("test");

const foowwLocalStorage = {
set: function (key,value,ttl_ms) {
var data = { value: value,expirse: new Date(ttl_ms).getTime() };
localStorage.setItem(key,JSON.stringify(data));
},get: function (key) {
var data = JSON.parse(localStorage.getItem(key));
if (data !== null) {
debugger
if (data.expirse != null && data.expirse < new Date().getTime()) {
localStorage.removeItem(key);
} else {
return data.value;
}
}
return null;
}
}

  

相关文章

什么是深拷贝与浅拷贝?深拷贝与浅拷贝是js中处理对象或数据...
前言 今天复习了一些前端算法题,写到一两道比较有意思的题:...
最近在看回JavaScript的面试题,this 指向问题是入坑前端必须...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面