jquery - フェージング要素を含むdivブロックを作成し、設定した時間後に消えて再表示します

Question

divを非表示にして、設定した時間が経過すると再表示しようとしています。

divの内部には、フェードインおよびフェードアウトするdiv要素があります。

私はこれがうまくいくと思いました：

setTimeout(function() {
$( "#productDiv" ).removeAttr( "style" ).show().fadeIn();
}, 1000 );

しかし、そうではないので、私はそれを間違っていると確信しています。また、設定した時間が経過した後、divを再度表示する方法がわかりません。

誰かがこれを見て、私にポインタを与えることができますか？

前もって感謝します。

score 1 · Accepted Answer

これを試すことができます:-これにより、2秒ごとに効果がチェーンされます

 $(document).ready(function(){
    setInterval(function() {
        $("#productDiv").show().delay(1000).fadeOut();
    }, 2000 );
 });

score 0 · Accepted Answer

このようにします：

$("#productDiv").hide().delay(1000).fadeIn();

これにより div が非表示になり、その 1000 ミリ秒後に適用される fadeIn 効果がプログラムされます。これは、jquery の効果を連鎖させる自然で慣用的な方法です。

2 に答える 2