一文字ずつ表示
原案:臥龍 鳳雛 氏 (2000/04/01 登録)
一文字ずつ表示します。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>一文字ずつ表示</title>
<script type="text/javascript">
<!--
var mes="テキストボックスやステータス行を使って一文字ずつ表示してみます。";
var m=0;
var i=0;
var mes1="";
function disp() {
setTimeout("disp()",400);
m=mes.length;
mes1=mes.substring(0,i);
i=i+1;
i=i % m;
document.MyForm.box.value =mes1;
status=mes1;
}
// -->
</script>
</head>
<body>
<form name ="MyForm">
<input name="box" type="text" size="80">
</form>
<script type="text/javascript">
<!--
mes=mes+" ";
disp();
// -->
</script>
</body>
</html>