исчезать в div после showDiv () setTimeout - PullRequest
Новая
       8

исчезать в div после showDiv () setTimeout

2 голосов
/ 23 августа 2011

Действительно быстрый вопрос - (надеюсь!)

У меня есть div, который не отображается, пока не загрузится остальная часть страницы, используя: 

<script>
    function showDiv(){
        var obj = document.getElementById('test');
        obj.style.display = 'block';
    }
</script>

в заголовке моего htmlи следующий код в теле: 

<body onLoad="setTimeout('setTimeout(showDiv()', 1000);">
<div id="test" style="display:none;">

Хотя div загружается через заданное время правильно, мне было интересно, есть ли способ добавить этот div после заданного «Timeout», используя что-токак: 

<script type="text/javascript">
$(function(){  // $(document).ready shorthand
$('#test').hide().fadeIn(1500);
});
</script>

например?В данный момент, div появляется внезапно, хотя я надеюсь заставить его как-то исчезнуть.Я попытался объединить эти две функции JS, но с этой целью безуспешно.Любая помощь или совет высоко ценится!

Ответы [ 3 ]

14 голосов
/ 23 августа 2011 
$(function(){

    $('#test').hide();

    setTimeout(function(){
        $('#test').fadeIn('slow');
    },1000);

});
7 голосов
/ 23 августа 2011

$('#test').hide().delay(1500).fadeIn('slow');

JsFiddle DEMO

jQuery's .delay ()

0 голосов
/ 23 августа 2011

Вы должны использовать событие загрузки в jquery, например так: 

$(window).load(function() {
  $('#test').fadeIn('slow');
});

См .: http://api.jquery.com/load-event/

<body onLoad="setTimeout('setTimeout(showDiv()', 1000);"> не круто на землях jquery. : Р

Смотри также: http://api.jquery.com/ready/

...