使用浏览器本地存储代替 cookie

Question

我有一个模态弹出窗口，询问用户是否愿意订阅我的时事通讯。如果用户关闭模式，我不希望它再次出现。使用 cookie 似乎不可靠，它经常重新出现。我读过本地存储是这样做的方法，但没有找到任何例子。我将如何切换我的代码以使用本地存储？在下面的代码中，模态在 5 秒后出现。

//custom.js
if (!readCookie("close_subcribeModal")) {
    function subcribeModal() {
      $("#subcribeModal").modal("show");
    }
    setTimeout(function () {
      subcribeModal();
    }, 5000);
}

php 页面：

@if(!isset($_COOKIE['close_subcribeModal']) && @$_COOKIE['close_subcribeModal'] != "1")
<div id="subcribeModal" tabindex="-1" role="dialog" aria-labelledby="subcribeModalLabel" aria-hidden="true">
    <div role="document">
        <div class="modal-content">
            <button type="button" id="subcribeModal__close" class="cancel" data-dismiss="modal" aria-label="Close"></button>
            <div class="modal-body">
                    <h2 class="title">Welcome</h2>
                    <p>Would you like to receive our weekly newsletter?</p>
                    <x-mail.newsletter-subscription />
            </div>
        </div>
    </div>
</div>
@endif