localStorage管理函数

最新推荐文章于 2023-05-31 17:08:20 发布

历目

最新推荐文章于 2023-05-31 17:08:20 发布

阅读量229

点赞数

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.csdn.net/limuzhixing/article/details/130797865

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

文章介绍了如何使用JavaScript进行本地存储操作，包括设置带有过期时间的数据（localStorageSet函数），以及获取数据时检查是否过期（localStorageGet函数）。示例中展示了如何创建一个将在23:30过期的变量，并在localStorage中存储和检索带有时效性的数据。

摘要由CSDN通过智能技术生成

const expire = new Date().setHours(23, 30, 0, 0);
console.log(new Date(expire))

const localStorageSet = (name, data, expire) => {
  const obj = {
    data,
    expire
  };
  window.localStorage.setItem(name, JSON.stringify(obj));
};

const localStorageGet = (name) => {
  const storage = window.localStorage.getItem(name);
  const time = new Date().getTime();
  let result = null;
  if(storage){
    const obj = JSON.parse(storage);
    if(time < obj.expire){
      result = obj.data;
    }else{
      window.localStorage.removeItem(name);
    };
  };
  console.log(result)
  return result;
};

localStorageSet('cache',{a:111},new Date().getTime()+10000);