jQuery show 5 saniye sonra gizlemek için

Question

Başarılı bir form gönder sonra gizli bir mesajı görüntülemek için kullanıyorum .show.

5 saniye boyunca iletiyi nasıl görüntüleriz ve sonra gizle?

Answer 1

Böyle bir animasyon önce .delay() kullanabilirsiniz: o bir animasyon değilse böyle, doğrudan setTimeout() kullanın

$("#myElem").show().delay(5000).fadeOut(); 

:

$("#myElem").show(); 
setTimeout(function() { $("#myElem").hide(); }, 5000); 

Sen ikincisini çünkü .hide() wouldn' t Normalde bir süre olmadan animasyon (fx) kuyruğunda olmak, sadece bir anlık etkisi.

Veya, başka bir seçenek bu gibi .delay() ve .queue() kendinizi kullanmaktır:

$("#myElem").show().delay(5000).queue(function(n) { 
    $(this).hide(); n(); 
}); 

Answer 2

Size ihtiyaçlarına göre değerlerini değiştirebilir, animasyon için aşağıdaki efekti kullanabilirsiniz

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow');