// ============================================ // Функция показа баннера через 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(); } });