localStorage过期策略

Posted 7qin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了localStorage过期策略相关的知识，希望对你有一定的参考价值。

localStorage过期策略

　　由于html5没有给本地存储设置过期策略，那么在处理数据的过期策略的时候可以编写自己过期策略程序，如下：

<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Access-Control-Allow-Origin" content="anonymous">
<title>locstorage 过期策略</title>
</head>
<body>
</body>
</html>
<script>
function set(key,value){
 var curtime = new Date().getTime();//获取当前时间
 localStorage.setItem(key,JSON.stringify({val:value,time:curtime}));//转换成json字符串序列
 /*
  说明：
  JSON.parse用于从一个字符串中解析出json对象,如
  var str = ‘{"name":"huangxiaojian","age":"23"}‘
  结果：
  JSON.parse(str)
  Object
    age: "23"
    name: "huangxiaojian"
    __proto__: Object
  注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。
  JSON.stringify()用于从一个对象解析出字符串，如
  var a = {a:1,b:2}
  结果：
  JSON.stringify(a)
  "{"a":1,"b":2}"
 */
}
function get(key,exp)//exp是设置的过期时间
{
  var val = localStorage.getItem(key);//获取存储的元素
  var dataobj = JSON.parse(val);//解析出json对象
if(new Date().getTime() - dataobj.time > exp)//如果当前时间-减去存储的元素在创建时候设置的时间 > 过期时间
{
  console.log("expires");//提示过期
}
else{
  console.log("val="+dataobj.val);
}
}
</script>

以上是关于localStorage过期策略的主要内容，如果未能解决你的问题，请参考以下文章

localStorage设置过期时间

localStorage二次封装-----设置过期时间

使 localStorage 或 sessionStorage 像 cookie 一样过期 [重复]

javascript 可以为sessionStorage的，localStorage的设置过期时间

JS惰性删除和定时删除可过期的localStorage缓存，或sessionStorage缓存

JS惰性删除和定时删除可过期的localStorage缓存，或sessionStorage缓存