便利eelife Java Script

   戻る

一定時間ごとにメッセージを切り替えます



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="Loopmsg()">
<P>一定時間ごとにメッセージを切り替えます。</P>
<FORM name="myForm">
<TABLE border="0">
<TBODY>
<TR>
<TD>
<INPUT size="50" name="tbox" type="text">
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</BODY>

<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
var i = 0, v = 0;
msg = new Array(); // 表示する文字列の配列

msg[0] = " ようこそ eelifeへ!!      ";
msg[1] = " 検索と厳選リンク集のサイトです。   ";
msg[2] = " 一つの検索窓でたくさんの、 ";
msg[3] = " サイトの検索を行うことができます。    ";
msg[4]= " 色に関することはColor Roomで  ";
msg[5]= " 色や文字に関連するJavaScript集もあります。 ";
function Loopmsg() {
if (v < 50) {
v++;   // vは繰り返し回数
if (i < msg.length) {
document.myForm.tbox.value = msg[i];
i++;
if (i == msg.length) {  // msg.lengthは配列の数
i = 0;
}
setTimeout("Loopmsg()", 2000); //メッセージの変わる速度(単位は千分の一秒)
}
}
}
// -->
</SCRIPT>
コメント
変数 i によって配列 msg をmsg[0]から msg[5] まで順に表示します。
document.myForm.tbox.value = msg[i] : フォーム名が myForm で tbox という名前のテキストボックスに文字列を代入します。

setTimeout(処理関数, 時間間隔) : タイマーを設定します。処理関数を時間間隔で繰り返します。時間間隔は1000分の1秒です。