commit e030b5ab13cb1ad9a04141de2ce9b6b17d2e37ae Author: yasusan Date: Mon Jul 27 08:31:54 2026 +0000 Добавить 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