1. ホーム
  2. jquery

[解決済み] jQueryで5秒間表示した後、非表示にする

2022-04-28 14:43:41

質問

私は .show を使用して、フォームの送信に成功した後に隠されたメッセージを表示します。

メッセージを5秒間表示した後、非表示にするには?

解決方法は?

を使用することができます。 .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();
});