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

localStorage和sessionStorage使用

时间:2018-08-17 12:13:28      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:typeof   storage   span   tor   pre   ESS   cal   清空   取数据   

localStorage.setItem("key","value");//存数据
localStorage.getItem("key");//取数据
localStorage.removeItem("key");//删除数据
localStorage.clear();?//清空数据

sessionStorage用法和localStorage一样

这里简单封装了一个,默认缓存7天,获取数据时判断数据是否过期

function localStorage_set(key, value , exp) {
    if (typeof exp == "undefined") {
        //默认缓存7天时间
        exp = 1000 * 60 * 60 * 24 * 7;
    }
    var curTime = new Date().getTime();
    localStorage.setItem(key, JSON.stringify({data: value, time: curTime, exp: exp}));
}

function localStorage_get(key) {
    var data = localStorage.getItem(key);
    if(data == null){
        return null;
    }
    var dataObj = JSON.parse(data);
    if (new Date().getTime() - dataObj.time > dataObj.exp) {
        localStorage.removeItem(key);
        return null;
    } else {
        var dataObjDatatoJson = JSON.parse(dataObj.data)
        return dataObjDatatoJson;
    }
}

 

localStorage和sessionStorage使用

标签:typeof   storage   span   tor   pre   ESS   cal   清空   取数据   

原文地址:https://www.cnblogs.com/rchao/p/9492561.html

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