2009-12-09 4 views
7

Я использую jquery для разных вещей на своем сайте, но одна вещь, которую я не знаю, как это сделать, это показать элемент, а затем подождать X секунд и скрыть элемент.показать div на заданное время, а затем скрыть его

$('#form').ajaxForm(function() { 
    $('#cartcontents').fadeOut("fast").load('cart.php').fadeIn("fast"); 
}); 

Это JavaScript, который я использую сейчас. Как я могу его получить (когда подана форма) отображает div #notice в течение 5 секунд, затем fadeOut?

ответ

15
$('#form').submit(function() { 
    $('#notice').show(); 
    setTimeout(function() { 
     $('#notice').fadeOut(); 
    }, 5000); 
}); 
+2

Это «путь jQuery». +1 – Boldewyn

3

в обработчик событий onSubmit сделать DIV появляются с помощью $('#divName').show() (я думаю будет правильный синтаксис). Вы можете использовать setTimeout("hideDiv()",5000), тогда вы определяете hideDiv(), который является новой функцией, которая делает $('#divName').fadeOut()

Смежные вопросы