欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS设置localStorage有效期

程序员文章站 2022-09-22 08:54:23
localStorage是一个没有时间限制的数据存储,如果没有手动删除它,它将永久保存。 但是有些时候我们又需要它在一段时间后自动删除,这里我们可以对它进行扩展。 ......

localstorage是一个没有时间限制的数据存储,如果没有手动删除它,它将永久保存。

但是有些时候我们又需要它在一段时间后自动删除,这里我们可以对它进行扩展。

var date = new date().gettime();
//设置localstorage的值
foowwlocalstorage.set("test", "你好", date + 10000);
//获取localstorage的值
var data = foowwlocalstorage.get("test");


const foowwlocalstorage = {
    set: function (key, value, ttl_ms) {
        var data = { value: value, expirse: new date(ttl_ms).gettime() };
        localstorage.setitem(key, json.stringify(data));
    },
    get: function (key) {
        var data = json.parse(localstorage.getitem(key));
        if (data !== null) {
            debugger
            if (data.expirse != null && data.expirse < new date().gettime()) {
                localstorage.removeitem(key);
            } else {
                return data.value;
            }
        }
        return null;
    }
}