■■１■■

テキストボックスに文字を一文字ずつ表示するⅠ

[概要]
テキストボックスに文字を一文字ずつ順番に表示していく

[参照]
実践編(Vol.5)

　SAMPLE

　SOURCE

<HTML>
<HEAD>
<TITLE>文字を１文字ずつ表示</TITLE>
<SCRIPT language="JavaScript">
<!--
var i=0;
//表示したい文字
var msg = "Welcome! MyHomepage!";
var copy_msg;
function print(){
    if(i>msg.length){
        clearTimeout(timerID);
        i=0;
        //終了後、再び開始するまでの時間
      setTimeout("print()",3000)
    }
    else{
        copy_msg = msg.substring(0,i);
        document.msg_form.msg_box.value = copy_msg;
        i++;
        //表示速度。数字が小さいほど速い。
        timerID = setTimeout("print()",100);
    }   
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="print()">
<FORM name="msg_form">
<INPUT type="text" name="msg_box" size="28">
</FORM>
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　戻る