封装一个js文件
// 对象间接量 创立一个对象const Storage = { // 保留 数据 set(key, data, time = 3000) { localStorage.setItem(key, JSON.stringify({ data, //保留的数据 createTime: new Date() * 1, // 保留的工夫戳 express: time // 过期工夫 })) }, // 提取 get(key) { const item = JSON.parse(localStorage.getItem(key)); console.log(item); if (JSON.parse(localStorage.getItem(key))) { // 判断 如果 提前到了 const { // 解构赋值 获取 保留的 数据 上传的工夫戳 过期工夫 data, createTime, express } = JSON.parse(localStorage.getItem(key)); //提取 并转换为json 对象 // 以后工夫减去 创立工夫 const curTime = +new Date(); // 获取以后工夫的工夫戳 if (curTime - createTime >= express) { // 判断 以后的工夫 - 保留的工夫 大于/等于 获取工夫 localStorage.removeItem(key); // 删除保留的数据 return null; // 输入 null } return data; // 返回未过期的数据 } }}
引入和应用
<script src="./js/stroage.js"></script> // 存储到本地 Storage.set('key值', value值, 过期工夫)
````