Popup окно с кнопкой «Напомнить позже», как сделать?

Question

[Денис Черный]

Всем привет, подскажите, пожалуйста, как реализовать всплывающее окно/сообщение с кнопкой "Напомнить позже" и "Закрыть".
Чтобы при нажатии кнопки "Напомнить позже" можно было устанавливать таймер через сколько воспроизвести сообщение снова.
И как реализовать возможность воспроизведение всплывающего окна вне зависимости от того, где пользователь находится на сайте (на какой странице)?

Есть ли уже готовые библиотеки JS?
Окно вида:

Alert-Toast-MK-Web-Notifications

Answer 1

[Ihor Bratukh]

При нажатии на кнопку записывать в LocalStorage время нажатия timestamp. При обновлении страницы сверять если Date.now() > timestamp + 5000 (ваше время) равно true, то показывать окно.

if (localStorage.getItem('popup') !== null) {
	var timestamp = localStorage.getItem('popup');
	if (Date.now() > Number(timestamp) + 5000) { // 5 секунд
		// показываем окно
		$('.popup').fadeIn();
	}
}

$('button').on('click', function() {
	localStorage.setItem('popup', Date.now());
});

Answer 2

[MonsterAndrew]

Сверстать окно, сделать там кнопки, и поставить `setTimeout` после нажатия "Напомнить позже".

Чтобы при нажатии кнопки "Напомнить позже" можно было устанавливать таймер через сколько воспроизвести сообщение снова.

Просто на каждую страницу поставить код окна.