码迷,mamicode.com
首页 > 其他好文 > 详细

localStorage过期策略

时间:2018-12-29 18:35:26      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:cal   char   数据   本地存储   col   http   lse   als   ora   

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过期策略

标签:cal   char   数据   本地存储   col   http   lse   als   ora   

原文地址:https://www.cnblogs.com/7qin/p/10197140.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!