html5 的 localStorage 可否设置数据的时效时间?

发布网友发布时间：2022-04-22 22:27

共7个回答

热心网友时间：2022-04-20 02:23

localStorage 没有提供直接设置时效的处理方式，只能在存值的时候额外保存一个时间作为时效时间，取值的时候再根据时效时间去判断是否过期，如果过期则废弃内容弄并销毁，如果没过期就可以拿出来使用；
至于保存的方式，有很多种，随便选一种；
以下以 JSON 字符串为例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<script type="text/javascript">
// 假设要保存变量 a 的值，过期时间为 3600秒
// 保存值
var obj = new Object(); // 或者 var obj = {};
obj.a = a; // 要保存的变量
obj.time = 3600; // 过期时间
obj.date = 1234567890 // 保存变量时的那个时间点，这里以时间戳为例

var objString = JSON.stringify(obj); // 由于 localStorage 只能保存字符串内容，所以这里要先把对象转换成 JSON 字符串
window.localStorage.setItem('data',objString);

// 取值
var b = window.localStorage.getItem('data');
var c = JSON.parse(b); // 将 JSON 字符串转成对象
var time = c.time;
var date = c.date;
if ((parseInt(time) + parseInt(date)) < '当前时间戳') {
// 如果 date + time 小于当前时间的时间戳，说明已经超过3600秒的时效时间
}else{
// 如果 date + time 大于当前时间戳，说明没过期
var d = c.a; // 之前保存的变量值
// 然后要怎么用就怎么用
}
</script>

热心网友时间：2022-04-20 03:41

localStorage 没有提供直接设置时效的处理方式，只能在存值的时候额外保存一个时间作为时效时间，取值的时候再根据时效时间去判断是否过期，如果过期则废弃内容弄并销毁，如果没过期就可以拿出来使用；
至于保存的方式，有很多种，随便选一种；
以下以 JSON 字符串为例：
<script type="text/javascript">
// 假设要保存变量 a 的值，过期时间为 3600秒
// 保存值
var obj = new Object();    // 或者 var obj = {};
obj.a = a;                // 要保存的变量
obj.time = 3600;            // 过期时间
obj.date = 1234567890        // 保存变量时的那个时间点，这里以时间戳为例

var objString = JSON.stringify(obj);    // 由于 localStorage 只能保存字符串内容，所以这里要先把对象转换成 JSON 字符串
window.localStorage.setItem('data',objString);

// 取值
var b = window.localStorage.getItem('data');
var c = JSON.parse(b);    // 将 JSON 字符串转成对象
var time = c.time;
var date = c.date;
if ((parseInt(time) + parseInt(date)) <  '当前时间戳') {
    // 如果 date + time 小于当前时间的时间戳，说明已经超过3600秒的时效时间
}else{
    // 如果 date + time 大于当前时间戳，说明没过期
    var d = c.a;    // 之前保存的变量值
    // 然后要怎么用就怎么用
}
</script>

热心网友时间：2022-04-20 05:16

不可以设置，你可以在存储的时候加上时间，以后在取值的时候判断一下localStorage是否过期就行了。

热心网友时间：2022-04-20 07:07

localStorage是没有失效时间的，sessionStorage的声明周期是浏览器的生命周期当浏览器关闭时sessionStorage的数据将清空，而localStorage数据只要不通过代码特意的删除或手动删除，是永久保存的如果要做过期时间，只能通过程序特意记录失效时间，使用时判断当前时间是否晚于失效时间，如果过了失效时间，在代码中将指定失效的项目删掉。

热心网友时间：2022-04-20 09:15

不可以的只有cookie 才有过期时间
如果想要设置过期时间可以用一个定时器
setTimeout(function(){
localStorage.removeItem('你设置的KEY的名字');

},你设置的时间毫秒单位)

热心网友时间：2022-04-20 11:40

没有设置时效时间的参数

热心网友时间：2022-04-20 14:21

html局部存储详解 - https://21xrx.com/full_stack/Html/html5_local_storage.html