如何在javascript中绑定我当前的弹出代码，每天只显示一次弹出?

Question

我使用下面的代码来显示我的主页弹出。但问题是每次用户重新加载页面时都会显示。与其这样，我更愿意每天被展示一次。下面是代码:

$(document).ready(function() {
$("#myModal").modal('show');
});

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<div id="myModal" class="modal fade" style="padding-top:30%;">
<div class="modal-dialog">
My Content of pop up is here.
</div>
</div>

我尝试绑定cookie过期，但是我做不到。

Answer 1

你可以这样做

$(document).ready(function() {
var todayCodeRecord = localStorage.getItem('today')
var todayCode = new Date().toLocaleDateString()
if(todayCodeRecord !== todayCode) {
$("#myModal").modal('show');
localStorage.setItem('today', todayCode)
}
});