TAKABO SOFT NETWORK

通常、私達がテキストエディタ等を使う場合、カーソルが点滅し、キーをタイプする事で文字がカーソルの位置へ表示されますよね？今回はそれをJavaScriptでやってしまいました。
カーソルが「■」になっていますが、他に良いのが無いので仕方無いですね（＾＾；
タイトルのタイプとは異なり、処理は結構軽いみたいです。

まず、ヘッダーの部分に以下のプログラムを組み込みます。

<head>

<script language="javascript">
<!--

var string="ここに文章を書き込みます。";
var string_tmp="";
var cur_str=new Array("■","");
var cur_count=0;
var cur_enable=1;
var pos=0;

function Random(min,max){
	return Math.floor((max-min)*Math.random())+min;
}

function CursorFlip(){
	if(cur_enable==0){
		document.form.text.value=string_tmp;
		return;
	}
	cur_count=1-cur_count;
	setTimeout("CursorFlip()",100);	//カーソルの点滅速度を指定
	document.form.text.value=string_tmp+cur_str[cur_count];
}

function StrAdd(){
	if(pos>=string.length){
		setTimeout("cur_enable=0",2000);
		return;
	}
	string_tmp+=string.charAt(pos);
	document.form.text.value=string_tmp+cur_str[cur_count];
	setTimeout("StrAdd()",Random(100,200));	//ここでタイプの速さを指定
	pos++;
}

function TypeStart(){
	CursorFlip();
	setTimeout("StrAdd()",2000);
}

//-->
</script>

</head>

次に、<body>～</body>内の表示したい場所へ、以下のように記述します。ここで、ヘッダー内のプログラムの最初の方にある「string="・・・";」という部分の「"」に囲まれた場所へ表示したい文章を書き込みます。その際、改行は「\n」で表し「"」を表示したい場合は「\"」と入力してやります。また、表示部分の枠の大きさは、<body>内へ書き込んだ「<textarea name="text" cols=80 rows=4></textarea>」の「cols=」が横幅、「rows=」が縦幅（単位は半角文字数です）となります。