javascript - 一定時間経過後にdivを入れ替える

Question

Javascript または JQuery を使用して、ページが読み込まれてから 20 秒後に div を置き換えたいと考えています。つまり、div A が最初に表示され、20 秒後に div B に置き換えられます。

明確にするために、これは回転アニメーションを意図したものではありません。スワップは、ページがロードされた後、設定された間隔で 1 回だけ発生し、エンドユーザーからのそれ以上の操作は必要ありません。スワップが再び発生する唯一の方法は、ページがリロードされた場合です。

誰かが私を正しい方向に向けることができますか?

score 1 · Accepted Answer

ドキュメント対応ハンドラーで次のようにします。

$("#divA").delay(20000).fadeOut(function() {
     $("#divB").fadeIn();
     $(this).remove();
});

最初に 2 番目の div を非表示にする CSS を使用します。

#divB { display : none; }

明らかに、マークアップに適したセレクターを使用してください。CSS ルールで div B を非表示にできない、または非表示にしたくない場合は$("#divB").hide();、上記のコードの前に追加するだけです。

1 に答える 1