Появление текста в модальном окне через N-секунд после его открытия

HM
На сайте с 23.01.2012
Offline
53
552

Всем привет!

Что нужно: нажимаю на кнопку, появляется модальное окно, через 5 секунд в нем появляется текст.

Сейчас же текст в окне появляется через 5 секунд после ЗАГРУЗКИ СТРАНИЦЫ, поэтому после запуска модального окна этот текст уже виден.

Помогите, плиз сделать чтобы отчет появления текста (5 сек) шел не с момента захода на страницу, а с момента открытия окна.

Код окна:


$(document).ready(function() {
$('a[name=modal]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).fadeIn(2000);
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask, .window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});

html окна:


<!-- Само окно -->
<div id="boxes">
<div id="dialog" class="window">
<div class="content">
<p>Привет</p>
<div id="settimeout"></div>
</div>
</div>
</div>
<!-- Маска, затемняющая фон -->
<div id="mask"></div>

Код появления текста в окне


setTimeout(function() {
$('#settimeout').html("Появляющийся в окне текст");
}, 5000);
I2
На сайте с 07.03.2015
Offline
38
#1

$(document).ready(function() {   

$('a[name=modal]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//add text
$(id).fadeIn(2000, function() {
setTimeout(function() {
$('#settimeout').html("Появляющийся в окне текст");
}, 5000);
});
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask, .window').hide();
//remove text
$('#settimeout').html("");
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
//remove text
$('#settimeout').html("");
});
});

Вот так

Качественная верстка PSD макетов (/ru/forum/974524)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий