牛骨文教育服务平台(让学习变的简单)
博文笔记

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

创建时间:2017-03-12 投稿人: 浏览次数:1328

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);

这里写图片描述

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。