页面有俩div，小弟我想让下面那个div10秒后再加载这个怎么实现

页面有俩div，我想让下面那个div10秒后再加载这个如何实现？

<div>

   <table></table>

</div>


<div>

  <from></from>

</div>

页面大概结构就是上面那种
由于下面那个div(form)资源比较多，加载的时候有点慢，而且下面那个div默认是隐藏的，用户点击的时候才用得到
有时候网速慢的话，显示有点不太友好

所以我想，让下面那个div果断时间再加载，不和其他东西一起加载，让他等一会再加载

请问这个用js应该怎么写？
------解决思路----------------------
form 内容定义为js变量
setTimeout(function(){
$('下面div').append(form);
},10000)
------解决思路----------------------
要不把form放到页面底部，
页面加载完后再调上来
------解决思路----------------------
樓主說的是ajax吧

把另一個div放另一個靜態頁面

然後還需要服務器來回應 httprequest 的請求

具體參考 http://www.w3school.com.cn/ajax/

也就是10秒後 ajax 請求另一個靜態頁面的內容，放到頁面中

setTimeout( ajax code   , 10000);

------解决思路----------------------
<div>
   <table></table>
</div>

<div id="div1">
 <script id="formInner" type="text/x-fn-tmpl">
  <from></from>
  </script>
</div>

$(document).ready(function(){
     setTimeout(function(){
                      $("#div1).html($("#formInner).html());
                }, 10000);
     });

你这适合用前台模版，去搜索js前台模版，有现成的库。