| ポイント |
<![CDATA[
msg = "１文字ずつ表示されます";
num = 0;
document.myForm.myText.value = msg.substring(0,num++);
]]>
|
| 説 明 |
１文字ずつ表示させるにはsubstring()を使って文字を抜き出します。文字の抜き出す位置を変えることで１文字づつ表示されているように見えます。文字の総数よりも表示した文字数が少ない場合にsetTimeout()を使って定期的に処理を行います。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドに１文字ずつ表示する</title>
<script Language="JavaScript"><!--
msg = "１文字ずつ表示されます";
num = 0;
timerID = 10;
function message()
{
document.myForm.myText.value = msg.substring(0,num++);
clearTimeout(timerID);
if (num <= msg.length) timerID = setTimeout("message()",1000);
}
// --></script>
</head>
<body onLoad="message()">
<form name="myForm">
<input type="text" name="myText">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドに１文字ずつ表示する