Javascript 如何使用带超时的localStorage创建元素显示和隐藏

我对Javascript相当陌生，我想创建以下示例：

基本上，我正在尝试获得一个自定义内容，用户可以在需要时关闭它。我听说这可以使用具有超时时间的localStorage来完成

一旦用户单击close按钮，它就会隐藏在DOM中，直到计时器过期，比如说2-3天，然后再次出现在页面中

我该怎么做呢

如果您能在这方面提供帮助，我将不胜感激

---

谢谢

您可以使用本地存储。 更简单的方法是使用cookie，在cookie上您可以设置过期时间，它将被自动删除

使用localStorage时，它将如下所示：

// User has clicked in the past
if (localStorage.userClickExpiration) {
    if (Date.now() > parseInt(localStorage.userClickExpiration)) {
        // Time expired, reset the localStorage and show the element
        localStorage.removeItem('userClickExpiration');
        $('.element').show();
    } else {
        $('.element').hide();
    }
}

// User click handler
function handleClick() {
    // Store the time when the auto hide will be expired, now + 2 days in milliseconds
    localStorage.userClickExpiration = Date.now() + (2 * 24 * 60 * 60 * 1000);

    // Hide the element using jQuery
    $('.element').hide();
}

---

希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请带着您的代码回来，并解释您尝试了什么以及为什么它不起作用。