Добавить popup.js

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();
+    }
+});