javascript - Jqueryで5秒後に下に別のdivを追加します

Question

こんにちは、私は Jquery の初心者です。テキストと画像に関連する 2 つの div があります。最初のテキストは 6 秒後に表示されます。別の div のこのテキストの下に画像も表示されます.....

 <div id="text">Loading Please wait</div>
 <div id="outer"><img src="http://existdissolve.com/wp-content/uploads/2010/08/microsoft-logo-     64x64.png" alt="" /></div>

私は初心者で、Jquery の知識があまりありません。この Jquery を解決するためのコードを提供してください。

どうも。

Answer 1

デモ - http://jsbin.com/AxiMohI/​​2 /edit

これを試して

$(document).ready(function () {
$('#text,#outer').hide();
setTimeout(function(){$('#text').show();},6000); //show text on 6 sec
setTimeout(function(){$('#outer').show();},11000);// shows img 5 sec after text
});

Answer 2

setTimeout 関数を使用する必要があります

例を次に示します。

setTimeout(function(){
    $('body').append('<div id="text">Loading Please wait</div> <div id="outer"><img src="http://existdissolve.com/wp-content/uploads/2010/08/microsoft-logo-64x64.png" alt="" /></div>');
},6000);

お役に立てれば。