toUpperCase()を使ったお遊び

テキストフォームとステータスバーの文字が1文字ずつ大文字になる。
実行結果


ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
var i = 0
var str = "welcome to my homepage my name is inoue kengo"
function counter()	{
	if(i==str.length)	{
		i = -1
	}
	i=i+1
	upperChar()
}
function upperChar()	{
	var msg = str.substring(0,i)
	msg += str.charAt(i).toUpperCase()
	msg	+= str.substring(i+1,str.length)
	document.forms[0].message.value =  msg
	window.status = msg
	timerID = setTimeout("counter()",150)
}
</SCRIPT>

ボディ部分 <BODY onLoad="upperChar()"> <FORM> <INPUT TYPE="text" NAME="message" SIZE=60> </FORM>