Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menetapkan Tamat Tempoh untuk Data dalam Storan Tempatan HTML5?

Bagaimana untuk Menetapkan Tamat Tempoh untuk Data dalam Storan Tempatan HTML5?

Susan Sarandon
Susan Sarandonasal
2024-10-27 13:57:02274semak imbas

 How to Set Expiration for Data in HTML5 Local Storage?

Tamat Tempoh Data dalam Storan Setempat HTML5

Apabila menggunakan localStorage untuk menyimpan data dalam Storan DOM HTML5, persoalan timbul mengenai tamat tempohnya. Adakah terdapat cara untuk menentukan tempoh tamat untuk item yang disimpan dalam storan tempatan?

API storan setempat tidak menyediakan mekanisme yang jelas untuk menetapkan masa tamat tempoh untuk item individu. Data kekal disimpan selama-lamanya atau sehingga ia dipadamkan atau ditulis ganti secara manual.

Penyelesaian: Penjejakan Tamat Tempoh Menggunakan Cap Masa

Untuk menangani had ini, adalah disyorkan untuk memasukkan cap masa terus ke dalam objek yang anda simpan dalam storan tempatan. Ini membolehkan anda memantau umur data dan mengambil tindakan yang sewajarnya apabila perlu.

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

Mendapatkan dan Membandingkan Cap Masa

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

compareTime(dateString, now); //to implement

Fungsi compareTime akan membandingkan yang disimpan cap waktu dengan masa semasa untuk menentukan sama ada data telah tamat tempoh.

Penyelesaian Alternatif: localstorage-slim.js

Sebagai alternatif kepada pengendalian tamat tempoh secara manual, pertimbangkan untuk memanfaatkan perpustakaan pembalut ringan seperti localstorage-slim.js. Pustaka ini menawarkan API untuk menyimpan objek dengan pengurusan tamat tempoh automatik.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Tamat Tempoh untuk Data dalam Storan Tempatan HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn