jquery - jQueryは5秒間表示してから非表示にします

Question

.showフォームの送信が成功した後に非表示のメッセージを表示するために使用しています。

メッセージを 5 秒間表示してから非表示にする方法は?

Answer 1

.delay()次のように、アニメーションの前に使用できます。

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

アニメーションでない場合は、次のsetTimeout()ように直接使用します。

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

2 番目を実行するのは、.hide()通常、持続時間のないアニメーション ( fx) キューには存在しないためです。これはただのインスタント エフェクトです。

または、別のオプションは、次のよう.delay()に.queue()自分で使用することです。

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

Answer 2

以下の効果を使用してアニメーション化できます。要件に応じて値を変更できます

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