如何管理 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中文網其他相關文章！