如何管理 HTML5 本地存储中的数据过期？

在 HTML5 本地存储中存储过期数据

存储在 HTML5 本地存储组件（DOM 存储的一部分）中的数据将无限期地保留，直到明确清除或被覆盖。但是，原生不提供为缓存数据设置过期时间的功能。

管理过期的解决方案

一种方法是将时间戳与数据本身一起存储。例如：

<code class="javascript">var object = { value: "value", timestamp: new Date().getTime() };
localStorage.setItem("key", JSON.stringify(object));</code>

检索时，您可以解析存储的对象，提取时间戳，并将其与当前时间进行比较。如果过期了，您可以相应地更新数据。

<code class="javascript">var object = JSON.parse(localStorage.getItem("key"));
var dateString = object.timestamp;
var now = new Date().getTime().toString();

compareTime(dateString, now); // Implementation required</code>

或者，您可以使用第三方库，例如localstorage-slim.js，它提供了用于设置本地存储数据过期时间的 API。

以上是如何管理 HTML5 本地存储中的数据过期？的详细内容。更多信息请关注PHP中文网其他相关文章！