Добрый день, поставил заглушку на сайт подтверждение возврата.
При нажатии кнопки *мне есть 18* скрипт не запоминает время и заглушка появляется при каждом обновлении страницы.
<div id="agecheck" class="agecheck-fade"><script>
$(document).on("click","#s-agecheck-enter",function(){var e=new Date;e.setTime(e.getTime()+3155),document.cookie="agecheck=1;path=/;expires="+e.toUTCString(),$("#agecheck").hide()}),
$(document).on("click","#s-agecheck-leave",function(){""==document.referrer?window.close():window.location.href=document.referrer});
</script><style>.agecheck-fade{height:100%;width:100%;background-color:rgba(0,0,0,.9);position:fixed;overflow:hidden;left:0;top:0;display:block;z-index:10000}.agecheck-cont{width:25%;padding:20px;margin:7% auto 0;width:350px;background-color:#FFF!important;-moz-box-shadow:0 0 100px 1px #444;-webkit-box-shadow:0 0 100px 1px #444;font-size:20px}.agecheck-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;border:1px solid #999;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.agecheck-wrapper{text-align: center;display: table;margin: 0 auto;width: 40%;align-content: center;height: 100%;}
.agecheck-wrapper-cell{ display: table-cell; vertical-align: middle; color: white; font-size: 18px;}.agecheck-logo{margin-bottom: 20px;}
@media screen and (max-width: 1024px){
.agecheck-wrapper{
width: 70%;
}
}
@media screen and (max-width: 768px){
.agecheck-wrapper{
width: 90%;
margin-left:5%;
margin-right:5%;
}
}
@media screen and (max-width: 425px){
.agecheck-wrapper{
width: 95%;
margin-left:2.5%;
margin-right:2.5%;
}
.agecheck-logo{width:80%; margin-bottom: 10px;}
.agecheck-button, .agecheck-button2{
width:100%;
}
.agecheck-button2{
width: auto;
}
.agecheck-button2{display: block !important; margin-top: 10px;}
.agecheck-text{
font-size:14px;
margin-top: 10px!important;
margin-bottom: 10px!important;
}
.agecheck-title{font-size: 14px!important;}
}
</style><style>a.home {text-decoration:underline;}
.fa-orange {color:orange !important;}
.nopadding {
padding-left: 0 !important;
margin: 0 !important;
}
.agecheck-text{
margin-top: 20px;
margin-bottom: 20px;
display: block;
}
.agecheck-fade{
height:100%;
width:100%;
background-color:rgba(0,0,0,.9);
position:fixed;
overflow:hidden;
left:0;
top:0;
display:block;
z-index:10000}
.agecheck-cont{
text-align:center;
padding:20px;
margin:7% auto 0;
width:30%;
background-color:#FFF!important;
-moz-box-shadow:0 0 100px 1px #444;
-webkit-box-shadow:0 0 100px 1px #444;
font-size:12px}
.agecheck-button, .agecheck-button2 {
font-family:inherit;
font-size:100%;
padding:.5em 1em;
color:black;
display:inline-block;
border:1px solid #999;
text-decoration:none;
border-radius:2px}
.agecheck-button2{
font-family:inherit;
font-size:100%;
padding:.5em 1em;
color:#FFF !important;
border:1px solid #999;
background:none;
text-decoration: none !important;
border-radius:2px}
.agecheck-title{
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
font-family: inherit;
font-weight: 700;
line-height: 1.1;
color: white;
font-size: 22px;
}
@media screen and (min-width: 768px) and (max-width: 991px){
.agecheck-cont{
padding:5px;
margin:7% auto 0;
width:70%;
font-size:10px}
.agecheck-button, .agecheck-button2 {
font-family:inherit;
font-size:100%;
display:inline-block;
}
}
@media screen and (min-width: 240px) and (max-width: 768px){
.agecheck-cont{
padding:2px;
margin:5% auto 0;
width:90%;
font-size:8px}
.agecheck-img {max-width:80% !important;}
.agecheck-button, .agecheck-button2 {
font-family:inherit;
font-size:100%;
display:inline-block;
}}
.agecheck-cont{overflow-y: scroll;
width: 100%;height:100%;margin-top:0px;background: rgb(59,58,58);
background: -moz-radial-gradient(circle, rgba(59,58,58,1) 0%, rgba(45,45,45,1) 50%, rgba(17,17,17,1) 100%);
background: -webkit-radial-gradient(circle, rgba(59,58,58,1) 0%, rgba(45,45,45,1) 50%, rgba(17,17,17,1) 100%);
background: radial-gradient(circle, rgba(59,58,58,1) 0%, rgba(45,45,45,1) 50%, rgba(17,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=)}
.agecheck-title{
color: white !important;
font-size: 22px;
}
.agecheck-text{
color: white;
}
.agecheck-text > a{
color: white;
}
.agecheck-button{color: black; background:white;}
.agecheck-button2{background-color:transparent; color: white;}
</style>
<div class="agecheck-cont">
<div class="agecheck-wrapper">
<div class="agecheck-wrapper-cell">
<img alt="B&W Smoke" class="agecheck-logo" style="clear:both;" src="./Купить кальян в СПБ недорого, с доставкой - _files/ps_logo_white.png">
<!--noindex--><br><span class="agecheck-title">Подтвердите, что вам больше 18 лет</span><br>
<span class="agecheck-text">Для доступа на сайт вы должны быть старше 18 лет.
Пожалуйста, подтвердите свой возраст перед входом на сайт
<br><br>
Сайт использует файлы cookie. Если согласны, продолжайте пользоваться сайтом. Если нет – установите специальные настройки в браузере или обратитесь в техподдержку. Более подробно об этом можно узнать в <a class="bold" style="color: white;" href="https://kalyanspb.tk/cookie.html" target="_blank">Политике cookie</a>
</span>
<!--<img class="img-responsive img_ps_logo" src="/wa-data/public/site/img/18plus.png" alt="Подтвердите возраст">-->
<button class="agecheck-button" id="s-agecheck-enter">Да, мне больше 18</button> <a href="https://kalyanspb.tk/18.html" class="agecheck-button2" rel="nofollow">Нет, мне меньше 18</a>
</div>
</div>
</div>
</div><!--/noindex-->