• 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>
  • 相关阅读:
    在excel实现多级联动
    发送邮件使用html模板的实现的大致思路
    设计模式的定义和分类
    yb课堂之用户登陆校验拦截器开发 《十一》
    CTF中常用的php伪协议利用
    Docker
    从零开始的Wordpress个人博客搭建
    .htaccess文件配置理解
    disable_function绕过--利用LD_PRELOAD
    信息安全实习生面试小结
  • 原文地址:https://www.cnblogs.com/7qin/p/10197140.html
Copyright © 2020-2023  润新知