美文网首页
h5缓存--localStorage手动控制过期

h5缓存--localStorage手动控制过期

作者: Amy_yqh | 来源:发表于2018-07-02 16:51 被阅读0次

浏览器缓存localStorage一旦存储起来,除非手动删除,否则不会过期,有时候项目的业务需要控制过期的时间,下面汇总一下

  function set(key,v) {
        //添加一个缓存这个关键字的时候的时间戳
        var currentTime = new Date().getTime();
        localStorage.setItem(key,JSON.stringify({data:v,time:currentTime}))
    }
    function get (key, exp) {
        var data= localStorage.getItem(key);
        var dataObj = JSON.parse(data);
        var currentTime = new Date().getTime();
        if(currentTime-dataObj.time >exp){
            console.log("超时了")
            //业务处理
        }else {
             //业务处理
            console.log(dataObj.data)
        }
    }

相关文章

网友评论

      本文标题:h5缓存--localStorage手动控制过期

      本文链接:https://www.haomeiwen.com/subject/ttmkuftx.html