如何為HTML5本地儲存中的資料設定過期時間？

HTML5 本地儲存中的資料過期

使用localStorage 在HTML5 的DOM 儲存中儲存資料時，會出現有關其過期的問題。有沒有辦法為本地儲存中儲存的項目定義過期時間？

本機儲存 API 沒有提供明確的機制來設定單一項目的過期時間。資料將無限期地保留或直到被手動刪除或覆蓋。

解決方法：使用時間戳追蹤過期

要解決此限制，建議合併時間戳直接存入您儲存在本地儲存中的物件。這使您能夠監控數據的年齡並在必要時採取適當的操作。

var object = {value: "value", timestamp: new Date().getTime()}
localStorage.setItem("key", JSON.stringify(object));

檢索和比較時間戳

var object = JSON.parse(localStorage.getItem("key")),
    dateString = object.timestamp,
    now = new Date().getTime().toString();

compareTime(dateString, now); //to implement

compareTime 函數將比較儲存的時間戳時間戳與當前時間來確定資料是否已過期。

替代解決方案：localstorage-slim.js

作為手動處理過期的替代方法，請考慮利用輕量級包裝庫，如localstorage-slim.js 。該庫提供了一個 API，用於儲存具有自動過期管理功能的物件。

以上是如何為HTML5本地儲存中的資料設定過期時間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！