jQuery 並列load処理

質問

jQueryで、ページを構成する要素を並列で取得しようと考えています。

「/samples/heavy_function_parts」は5秒後に現在時刻を返す処理です。
下記のようなコードを書くと、div「Info5」が更新されるのが、ページ表示後
25秒後となります。
5秒後にすべての情報の更新が完了することを期待しているのですが、
どのように修正すべきでしょうか？

<script type="text/javascript">
$(function(){
$("#Info1").load("/samples/heavy_function_parts");
$("#Info2").load("/samples/heavy_function_parts");
$("#Info3").load("/samples/heavy_function_parts");
$("#Info4").load("/samples/heavy_function_parts");
$("#Info5").load("/samples/heavy_function_parts");
});
</script>
<div id="Info1">情報1</div>
<div id="Info2">情報2</div>
<div id="Info3">情報3</div>
<div id="Info4">情報4</div>
<div id="Info5">情報5</div>

回答No.1

yui-magic · ベストアンサー

$("#Info1,#Info2,#Info3,#Info4,#Info5").load("/samples/heavy_function_parts");
のようにカンマ区切りで複数指定してみてはどうでしょうか？

お礼

同時に更新されることは確認しました。

が、実際にやりたいことは別々のページを同時に読み込むことです。
今回のやり方だと同じページ内容を、それぞれのdivに表示することになります。
別々のページであっても同時に取得できる方法があれば、お教えいただければと思います。

回答No.2

yui-magic

#1です。

＞実際にやりたいことは別々のページを同時に読み込むことです。
ということは、「/samples/heavy_function_parts」の中で、読み込むものを分岐させているのですか？
また、見たところ呼び出されたファイルのほうでスリープの処理をしているみたいですが
JavaScript側でsetTimeout等を使ってみるのも一つの手だと思います。

ちなみに、自分でやってみたところ
JavaScript側でsetTimeoutを実行した場合は全部同時に5秒で終わり、
逆に、php側でスリープさせた場合は25秒かかりました。

どのようにスリープさせているのか分かれば、もう少しいろいろ書けると思います。

お礼

http://okwave.jp/qa/q6597305.html
こちらに条件の追加含めて再質問させていただきました。
セレクタで複数指定すれば同時に内容を変更することもできるということで、いったんこの質問はクローズしたいと思います。
ありがとうございました。