便利eelife Java Script

   戻る

画面上に1文字づつ表示します。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<DIV id="Lyid" style="position:absolute;
background-color : aqua;
z-index : 1;
top : 150px;
left : 150px;visibility : visible;"></DIV>
<FORM><INPUT type="button" name="botan" value="スタート" onclick="act()">
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
msg = "当サイトからたくさんのサイトを検索することができます。";
i = 0;
function act()
{
if (i< msg.length){
i++;
dsp = msg.substring(0,i);
document.all["Lyid"].innerHTML = dsp;
setTimeout("act()",100);
}
}

// -->
</SCRIPT>
コメント
msg.length : 文字列"msg"の文字の数です。
iは 0から msg.lengthまで 1ずつ増えて
いきます。
substring(0,i)で最初からi番目までの文字を
取り出して innerHTMLで ID名が"Lyid"の
場所に表示します。setTimeout("act()",100)で
関数"act()"を iが msg.lengthになるまで
繰り返します。

setTimeout()