При клике закрыть всплывающий блок, закрывает и записывает закрытие в Cookie на сутки, как сделать запись на сутки?

Question

[Антон Вебсайтовский]

Сделал на сайте блок как на сберt, про куки, при клике закрыть, должно закрывать на сутки, закрывает, но не на сутки записывает в куки, как поправить чтоб на сутки скрывало? (рабочий скрипт ниже).



Сам скрипт (все работает, но скрывает не на сутки), уже неделя и все еще скрыт блок

function getCookie() {
var cookies = document.cookie.match ( '(^|;) ?adultconfirmed=([^;]*)(;|$)' );
if (cookies) { $('.blni').hide(); }
}
$('.blnia').click(function(event) {
event.preventDefault();
// скрываем на один день окно
document.cookie = 'adultconfirmed=yes; path=/; expires=1';
$('.blni').hide();
});
getCookie();

Answer 1

[I Phoenix I]

Надеюсь это поможет решить Вашу проблему :)
Expires и Max-age
Всего доброго.

Comments

[Антон Вебсайтовский]

Спасибо, попробую.

[Антон Вебсайтовский]

Такой метод не работает.

let date = new Date(Date.now() + 86400e3);
date = date.toUTCString();
document.cookie = "user=John; expires=" + date;

[I Phoenix I]

Антон Вебсайтовский, хм, может быть вы в чем-то ошиблись ?
Попробуйте воспользоваться max-age (вариант 2).

Вариант 1 (с использованием expires)

$(document).ready(function(){ //Проверяем куки
    if (getCookie('adultconfirmed')){ //Проверяем куки
            $('.blni').hide(); //Если true (куки сущесвует) = скрываем блок
        }
});

$('.blnia').click(function(e) {
    e.preventDefault();
    let date = new Date(Date.now() + 86400e3).toUTCString(); //Получаем текущую дату, прибавляем сутки и переводим в строку
    document.cookie = 'adultconfirmed=yes; path=/; expires=' + date; //Записываем куки
    checkCookie();
});

function getCookie(name) { //Метод для получения/чтения куки
    let matches = document.cookie.match(new RegExp(
        "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}

Вариант 2 (с использованием max-age)

$(document).ready(function(){ //Проверяем куки
    if (getCookie('adultconfirmed')){ //Проверяем куки
        $('.blni').hide(); //Если true (куки сущесвует) = скрываем блок
    }
});

$('.blnia').click(function(e) {
    e.preventDefault();
    document.cookie = 'adultconfirmed=yes; path=/; max-age=86400'; //86400 (секунд) = 24 часа
    checkCookie();
});

function getCookie(name) { //Метод для получения/чтения куки
    let matches = document.cookie.match(new RegExp(
        "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}

[Антон Вебсайтовский]

Phoenix D3D9, Тестирую, спасибо. первый вариант тестирую, (86400e3), это скрывает на сутки верно?

[I Phoenix I]

Антон Вебсайтовский, да, верно. 24 часа = 86400 секунд.

[Антон Вебсайтовский]

Phoenix D3D9, первый вариант не срабатывает, нажимаю закрыть окно, а он чет не але.
хотя я там добавил ($('.blni').hide();)

Моргает и появляется опять.

$('.blnia').click(function(e) {
    e.preventDefault();
    let date = new Date(Date.now() + 86400e3).toUTCString(); //Получаем текущую дату, прибавляем сутки и переводим в строку
    $('.blni').hide();
    document.cookie = 'adultconfirmed=yes; path=/; expires=' + date; //Записываем куки
    checkCookie();
});

[Антон Вебсайтовский]

Пробовал второй вариант, тож самое моргает типа закрыл и тут же открыл.
А то что моргало, это из-за / в ссылке
Я поменял на #.

<a href="#" class="blnia" title="Закрыть">Закрыть</a>

Не закрывает окно.