便利eelife Java Script

   戻る

テキストボックスに一文字ずつ表示します



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="act()">
<P>テキストボックスに一文字ずつ表示します。</P>
<FORM name="myForm"><INPUT name="tbox" size="60"></FORM>
</BODY>

<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
var msg =" ようこそ eelifeへ 検索と厳選リンク集のサイトです 。     ";
var i=1;
function act(){
msg1=msg.substring(0,i);
document.myForm.tbox.value=msg1; //テキストボックスに表示
i%= msg.length;
i++;

setTimeout("act()",200);
}

// -->
</SCRIPT>
コメント
i%= msg.length; i++; : 変数 i は 1 から msg.length まで繰り返します。
msg.length
substring(開始位置, 終了位置)
substr(開始位置 [,長さ])
setTimeout(処理関数, 時間間隔) : タイマーを設定します。処理関数を時間間隔で繰り返します。時間間隔は1000分の1秒です。