在Jquery中5秒后添加另一个div

Question

嗨，我是Jquery的新手。我有两个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>

我是新手bie在Jquery中没有太多知识。请提供代码来解决这个Jquery

THX。

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 function

以下是一个例子：

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);

希望这有帮助。