localstorage如何设置有效期

localstorage如何设置有效期

localStorage 是常用的HTML5客户端存储数据的新方法，而且是没有时间限制的数据存储;与之类似的还有一种sessionStorage,当用户关闭浏览器窗口后，sessionStorage数据会被删除,即为过期，与cookie相似。

既然是永不过期的话，怎么设置有效期呢？

那就可以根据实际的应用场景进行，定义和删除，看下面计数器的示例：

localStorage 的基本方法：

定义：localStorage.setItem('key','value')

获取：localStorage.getItem('key')

删除：localStorage.removeItem('key')

清空：localStorage.clear()

创建test.html,编写示例代码，如图：

动态效果是：

刷新页面会看到计数器在增长。

请关闭浏览器窗口，然后再试一次，计数器会继续计数。

请计数器达到6是，清除失效，计数器会重新计数。

直接赋值的方法也可以达到同样的效果，示例代码如图：

以上的逻辑就是，在localStorage没有有效期的话，就人为的设置触发失效条件,以达到localStorage的过期效果

过期或清除的方法，还可以使用：

localStorage.clear();//清除域名下所有

以上方式方法对于sessionStorage 同样适用。