Javascript 如何使用js使弹出窗口只显示一次？
我正在尝试创建一个30秒后过期的cookie。如果用户在这30秒之间刷新页面，则仅当cookie过期时，弹出窗口不应弹出。如果用户在30秒后刷新页面，应该会看到它。我的问题是，它不断地出现，它不会停止。我怎样才能阻止它Javascript 如何使用js使弹出窗口只显示一次？,javascript,jquery,html,bootstrap-modal,Javascript,Jquery,Html,Bootstrap Modal,我正在尝试创建一个30秒后过期的cookie。如果用户在这30秒之间刷新页面，则仅当cookie过期时，弹出窗口不应弹出。如果用户在30秒后刷新页面，应该会看到它。我的问题是，它不断地出现，它不会停止。我怎样才能阻止它 $（文档）.ready（函数（）{ $（“#myModal”）.modal（'show'）； }); 函数createCookie（名称）{ 调试器； 变量日期=新日期（）； date.setTime（date.getTime（）+（30*1000））； //警报（日期）；
$（文档）.ready（函数（）{
$（“#myModal”）.modal（'show'）；
});
函数createCookie（名称）{
调试器；
变量日期=新日期（）；
date.setTime（date.getTime（）+（30*1000））；
//警报（日期）；
var expires=“；expires=“+date.toString（）；
document.cookie=name+“=”+expires+“path=/”；
//警报（document.cookie）；
}
函数showbanner（）
{
记录。写下（“×；注册秋季课程，今天预订座位电子邮件：或电话：”）；
}
var ban=document.cookie；
createCookie（“横幅”）；
如果（ban==“”）{
showbanner（）；
}
var lastVisited = window.localStorage.getItem('last visited');
console.log(
'It has been',
Date.now() - 5000 > Date.parse(lastVisited) ? 'more' : 'less',
'than 5 seconds since your last visit.'
)
window.localStorage.setItem('last visited', new Date());
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Latest jQuery Library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Bootstrap Core JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- Cookie JS for Modal -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#myModal").modal('show');
});
</script>
<script>
function showBanner(name) {
var lastVisited = window.localStorage.getItem('last visited');
if (lastVisited == null || Date.now() - 5000 > Date.parse(lastVisited)) {
document.write('<div class="container-fluid"><div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>REGISTER FOR FALL SESSION</h3></div><div class="modal-body"><div class="row"><div class="col-xs-12 col-sm-6"> <img src="gym.png" alt="gym_promo" style="width:304px;"></div><div class="col-xs-12 col-sm-6"><h3> Reserve Your Spot Today </h3><p> EMAIL : <a href="mailto:PLAYATGYM@GMAIL.COM" target="_top">PLAYATGYM@GMAIL.COM </a> </p><p>OR CALL :<a href="514-795-4266"> 514-795-4266</a> </p> </div></div></div> </div> </div></div></div>');
}
window.localStorage.setItem('last visited', new Date());
}
showBanner();
</script>
</head>
<body>
</body>
</html>
$（文档）.ready（函数（）{
$（“#myModal”）.modal（'show'）；
});
函数showBanner（名称）{
var lastVisited=window.localStorage.getItem（“上次访问”）；
if（lastVisited==null | | Date.now（）-5000>Date.parse（lastVisited））{
记录。写下（“×；注册秋季课程，今天预订座位电子邮件：或电话：”）；
}
window.localStorage.setItem（'上次访问'，新日期（））；
}
showBanner（）；
runwithjs