javascript - 在 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>

我是新手，对 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);

希望这可以帮助。