localStorage的过期时间设置的方法？

最新推荐文章于 2023-12-21 11:26:54 发布

转载最新推荐文章于 2023-12-21 11:26:54 发布 · 735 阅读

文章标签：

#前端

JQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在 localStorage 中设置过期时间的方法，通过封装 JavaScript 函数实现数据的存储和过期检查，确保存储信息不会永久保留，提高了数据的安全性和有效性。

我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！

 <script type="text/javascript">
    //封装过期控制代码
    function set(key,value){
        var curTime = new Date().getTime();
        localStorage.setItem(key,JSON.stringify({data:value,time:curTime}));
    }
    function get(key,exp){
        var data = localStorage.getItem(key);
        var dataObj = JSON.parse(data);
        if (new Date().getTime() - dataObj.time>exp) {
            console.log('信息已过期');
            //alert("信息已过期")
        }else{
            //console.log("data="+dataObj.data);
            //console.log(JSON.parse(dataObj.data));
            var dataObjDatatoJson = JSON.parse(dataObj.data)
            return dataObjDatatoJson;
        }
    }
 </script>