From e030b5ab13cb1ad9a04141de2ce9b6b17d2e37ae Mon Sep 17 00:00:00 2001 From: yasusan Date: Mon, 27 Jul 2026 08:31:54 +0000 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D1=82?= =?UTF-8?q?=D1=8C=20popup.js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- popup.js | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 popup.js diff --git a/popup.js b/popup.js new file mode 100644 index 0000000..fe80e3c --- /dev/null +++ b/popup.js @@ -0,0 +1,74 @@ +// ============================================ +// Функция показа баннера через 5 секунд +// ============================================ + +// Переменная для хранения ID таймера (чтобы можно было отменить, если нужно) +var popupTimer = null; + +// Основная функция показа +function showPopup() { + var popup = document.getElementById('popupBanner'); + var overlay = document.getElementById('popupOverlay'); + + if (popup) { + // Показываем баннер и оверлей + popup.style.display = 'block'; + if (overlay) { + overlay.style.display = 'block'; + } + + // Дополнительно: добавляем класс для анимации (если используете CSS-анимации) + popup.classList.add('popup-visible'); + } +} + +// Функция закрытия баннера +function closePopup() { + var popup = document.getElementById('popupBanner'); + var overlay = document.getElementById('popupOverlay'); + + if (popup) { + popup.style.display = 'none'; + popup.classList.remove('popup-visible'); + } + if (overlay) { + overlay.style.display = 'none'; + } + + // Отменяем таймер, если он еще не сработал + if (popupTimer) { + clearTimeout(popupTimer); + popupTimer = null; + } +} + +// ============================================ +// ЗАПУСК ТАЙМЕРА +// ============================================ + +// Ждем полной загрузки DOM перед запуском +document.addEventListener('DOMContentLoaded', function() { + // Запускаем таймер на 5 секунд (5000 мс) + popupTimer = setTimeout(function() { + showPopup(); + }, 5000); +}); + +// ============================================ +// ДОПОЛНИТЕЛЬНАЯ ЛОГИКА (по желанию) +// ============================================ + +// 1. Закрытие по клику на оверлей (чтобы закрыть баннер кликом на фон) +document.addEventListener('click', function(event) { + var overlay = document.getElementById('popupOverlay'); + if (event.target === overlay) { + closePopup(); + } +}); + +// 2. Закрытие по клавише ESC +document.addEventListener('keydown', function(event) { + if (event.key === 'Escape') { + closePopup(); + } +}); \ No newline at end of file