備忘録へ

ステータスバーのページへ

http://www.sky.sannet.ne.jp/masapine/java_sbar2.html

ステータスバーにメッセージを一文字ずつ表示させよう

 表示の例は、画面のいちばん下を見てください。

プログラムＡのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。

 

プログラムＡのソース

<SCRIPT LANGUAGE="JavaScript">
<!--
var mes3="ようこそ、れいこのホームページへへ！";
var i=0;
function msg3(){
if(i<=mes3.length){
window.status=mes3.substring(0,i);
i++;
setTimeout("msg3()",150);
}else{
i=0;
setTimeout("msg3()",2000);
}
}
//-->
</SCRIPT>

 

プログラムＡのソースの上から３行目の、var mes3="ようこそ、れいこのホームページへ！"; の部分のメッセージを、あなたの好きな文章にかえる。

メッセージを一文字ずつ表示するスピードは、下から８行目の setTimeout("msg3()",150); の 150 で設定をしています。数字が大きいほどおそくなっていきますから、あなたのお好みにかえてください。

メッセージがすべて表示されると、一時停止するようになっています。停止している時間は、下から５行目の setTimeout("msg3()",2000); の 2000 で設定をしています。この例では２秒間停止させていますので 2000 となっています。５秒なら 5000 というようにしてください。

プログラムＢのソースをコピーして、HTMLソースのBODY区間に貼り付けしましょう。できるだけ上のほうがいいので、<body>タグのすぐ下あたりに貼り付けましょう。

プログラムＢのソース

<SCRIPT LANGUAGE="JavaScript">
<!--
msg3();
//-->
</SCRIPT>

ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。