如何在一段时间后删除 javascript 中的本地存储

how to remove localstorage in javascript after some time

我在注册页面上有 5 个阶段,所以我通过将用户 ID 存储在本地存储中来使用用户 ID 来检查用户阶段。当用户离开我的网站而不填写表格时,我想从 localstorage 中删除 id。我想在一段时间后删除本地存储。

当用户不在我的网站上时,是否可以从本地存储中删除项目?

您可以为此目的使用会话或cookie 存储,但如果您想使用本地存储,则可以使用JS 的onunload 或onbeforeunload 事件侦听器,并在onunload 上清除本地存储。这些侦听器在选项卡关闭或选项卡后退按钮上也能完美工作。

As Estus Flask and Samuel Liew 也建议根据您的要求使用 sessionStorage。但是如果你出于任何原因想要使用 localStorage 。您可以使用:

localStorage.removeItem(<your item comes here>)

beforeDestroy() 钩子中调用它,因为它在 vue 实例销毁之前调用。

这将确保在实例从 DOM 中删除之前,我们从 localStorage 中删除一个项目。