フォーラム@nifty | フォーラム・サークル | サイトマップ | ヘルプ |
掲示板 コラム お役立ち イベント リンク   | FHPGサイトマップ | お問い合わせ |
TOP > お役立ち > JavaScriptのおもちゃ箱 > 一文字ずつ表示  

一文字ずつ表示

原案:臥龍 鳳雛 氏 (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>
個人情報保護ポリシー
Copyright© NIFTY 2006 All Rights Reserved.
Copyright© FHPG 2006 All Rights Reserved.