備忘録へ

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

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

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

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

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

 

プログラムＡのソース

<SCRIPT LANGUAGE="JavaScript">
<!--
var mes4=new Array(5);
mes4[0]="ようこそ、れいこのホームページへ！";
mes4[1]="このサイトは、私がも気ままに作ったものです・・・";
mes4[2]="「ＪａｖａＳｃｒｉｐｔ」を利用して作りました。";
mes4[3]="初めてやってみる方や、うまくいかない方にも心強いサイトですよ。";
mes4[4]="お気に入りのメニューをあなたのページで使ってみてくださいね。";
var i=0,n=0;
function msg4(){
if(i<=mes4[n].length){
window.status=mes4[n].substring(0,i);
i++;
setTimeout("msg4()",100);
}else{
i=0;
n++;
setTimeout("msg4()",2000);
}
if(n==mes4.length){
n=0;
}
}
//-->
</SCRIPT>

 

プログラムＡのソースの上から４行目〜８行目に、ステータスバーに一文字ずつ表示されるコメントが書いてあります。msg4[0]="ようこそ、れいこのホームページへ！"; などの ようこそ、れいこのホームページへ！ をあなたの表示させたいコメントにかえてください。

例では mes4[0] から mes4[4] まで、５つのメッセージが設定してあります。もしメッセージの数を増やすなら、mes4[5] 、mes4[6] 、というようにソースの追加をしてください。その場合には、プログラムＡのソースの var mes4=new Array(5); のところの 5 をメッセージの数にかえてください。

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

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

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

プログラムＢのソース

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

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