Добрый день! Передо мной стоит следующая задача, с которой справиться самостоятельно не удается. При загрузке страницы спустя определенное время появляется всплывающее окно. В окне необходимо установить таймер с текстом "Закрыть окно можно будет через N секунд", по истечение которого должна появиться ссылка на закрытие окна. С этим и возникают трудности. Помогите, пожалуйста, исправить ошибки в скрипте. Благодарю за помощь!
$(document).ready(function() {
var delay = 2;
$('.pop_up').delay(delay * 1000).fadeIn(800);
$(window).resize(function() {
$('.pop_up').css({
position: 'absolute',
left: ($(window).width() - $('.pop_up').outerWidth()) / 2,
top: ($(window).height() -
$('.pop_up').outerHeight()) / 2
});
});
$(window).resize();
setTimeout(function() {
$('.close').fadeOut('fast')
}, 10000);
function timery() {
var obj = document.getElementById('timer');
obj.innerHTML--;
if (obj.innerHTML == 0) {
setTimeout(function() {}, 1000);
} else {
setTimeout(timery, 1000);
}
}
setTimeout(timery, 1000);
});
.pop_up {
display: none;
background: red;
border: 1px solid red;
color: white;
z-index: 1000;
}
.close {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pop_up">Я модальное окно
<div id="timer">
<div class="close">Закрыть окно</div>
</div>
</div>