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