JavaScript localStorage 浏览器永久存储json 数据并添加过期时间

最新推荐文章于 2024-11-25 09:21:18 发布

原创最新推荐文章于 2024-11-25 09:21:18 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #浏览器存储 #json

Javascript 专栏收录该内容

7 篇文章

订阅专栏

JavaScript localStorage 浏览器存储

这里写图片描述


  var localStorageData = function (key) {
    this.key = key
  }
  localStorageData.prototype = {
    add: function (value) {
      this.value = value || [];
      var curTime = new Date().getTime();

      localStorage.setItem(this.key, JSON.stringify({data: value, time: curTime}))
    },
    get: function (exp) {
      var data = localStorage.getItem(this.key);
      var dataObj = JSON.parse(localStorage)
      var _data = dataObj.data
      //已过期
      console.log(new Date().getTime() - dataObj.time > exp);
      if (new Date().getTime() - dataObj.time > exp) {
        console.log('localStorage到期!');
      } else {
        return JSON.stringify(_data)
      }
    },
    remove: function (key) {
      localStorage.removeItem(key);
    },
    clear: function () {
      localStorage.clear();
    }
  }


  var data = [
    {"name": "a", "pwd": "123"},
    {"name": "b", "pwd": "aaa"}
  ]

  var nlsp = new localStorageData("users");
  nlsp.add(localStorage)

  var users = nlsp.get(7);//这里传入的是过期时间(毫秒)
  console.log(users);