show div für eine bestimmte Zeit, dann verstecken Sie es

Question

Ich benutze jquery für verschiedene Dinge auf meiner Website, aber eine Sache, ich bin nicht sicher, wie zu tun, ist es ein Element zeigen, dann warten Sie X Sekunden, und verstecken Sie das Element.

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

Das ist das JavaScript, das ich jetzt benutze. Wie könnte ich es haben (wenn das Formular übermittelt) das div #notice für 5 Sekunden anzeigen, dann fadeOut?

Answer 1

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

Answer 2

im onSubmit Event-Handler die div unter Verwendung $('#divName').show() erscheinen (ich glaube, das ist die korrekte Syntax). Das können Sie verwenden setTimeout("hideDiv()",5000), dann definieren Sie hideDiv(), die eine neue Funktion ist, die $('#divName').fadeOut()