jQuery 5 saniye göster ve sonra gizle

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

Mesaj 5 saniye boyunca nasıl görüntülenir ve sonra gizlenir?

.delay()Bir animasyondan önce şu şekilde kullanabilirsiniz :

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

Animasyon değilse, setTimeout()doğrudan şu şekilde kullanın :

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

İkinciyi yaparsınız, çünkü .hide()normalde fxbir süre olmadan animation ( ) kuyruğunda olmazdı, bu sadece anlık bir efekttir.

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

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

Canlandırmak için aşağıdaki efekti kullanabilir, değerleri ihtiyaçlarınıza göre değiştirebilirsiniz.

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

Bu kadar basit:

$("#myElem").show("slow").delay(5000).hide("slow");