JavaScript「ただいま読み込み中」を表示するには?

CGIやHTMLなどを読み込んでいる間「ただいまページを読み込んでいます」という表示をするにはどうしたらよいか(JavaScript版)

スポンサードリンク

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<META http-equiv=Content-Script-Type content=text/javascript>
<SCRIPT language=javascript><!–
function loading() {
if(document.all){
SUB.style.visibility = “hidden”;
MAIN.style.visibility = “visible”;
return 0;
}
}

self.name=”MAIN”;
//–>
</SCRIPT>

<BODY onload=loading()>
<script language=JAVASCRIPT><!–
if(document.all){
document.write(‘<DIV ID=”SUB” STYLE=”POSITION:ABSOLUTE; WIDTH:100%; HEIGHT:100%; Z-INDEX:1; LEFT: 0; TOP: 0; VISIBILITY: VISIBLE”>’);
document.write(‘<TABLE WIDTH=”728″ BORDER=”0″ CELLPADDING=”0″ CELLSPACING=”0″ ALIGN=”CENTER” HEIGHT=”200″><TR><TD ALIGN=”CENTER”>’);
document.write(‘<FONT COLOR=”RED”>しばらくお待ちください</FONT>’);
document.write(‘</TD></TR></TABLE></DIV>’);
document.write(‘<DIV ID=”MAIN” STYLE=”VISIBILITY:HIDDEN”>’);
}
//–>
</script>
<p>ページ読み込みが完了した時に表示される内容</p>
<SCRIPT language=JAVASCRIPT><!–
if(document.all)
document.write(‘</DIV>’);
//–>
</SCRIPT>
</BODY>
</HTML>

【注意】ローカル環境などでテストすると、読み込みまでの時間がほとんどかからないので、読み込み中表示にならないことがある。プロキシを通したり、ローカル以外の自分のサイトやサーバーに転送して試してください。あるいは、CGIなどでSLEEPするなどするれば体感できるかもしれません。

関連記事

スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です