HTML5 로컬 저장소의 데이터 만료를 설정하는 방법은 무엇입니까?

HTML5 로컬 저장소의 데이터 만료

HTML5의 DOM 저장소에 데이터를 저장하기 위해 localStorage를 사용할 때 만료에 대한 질문이 발생합니다. 로컬 저장소에 저장된 항목의 만료 기간을 정의하는 방법이 있습니까?

로컬 저장소 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!