※ 이번 예제는 setTimeout() 함수를 응용해서 문자열을 하나씩 화면에 출력시키는 예제입니다.

substr() 함수는 문자열을 뽑아내는 함수이고,
setTimeout() 함수는 지정된 시간 후에 함수를 실행하는 함수입니다.
그리고 new Array()는 배열을 생성하는 함수입니다.

	예로
	setTimeout("alert('함수호출')",1000)
	이라고 스크립트내에 쓰게 되면 1초(1000) 후에 경고창이 한번 뜨게 됩니다.
	그리고
	var mystr="문자 뽑아 내기".substr(0,2)
	이라고 하면 mystr 변수에 할당되는 값은 문자열의 첫번째에서 두개의 문자를 뽑아낸 "문자" 가 할당됩니다.

	그리고 배열(Array())에 관해서는 다른 페이지를 참고바랍니다.

setTimeout() 함수는 지정된 시간 후에 한번만 실행을 하는데, 
함수의 실행부 내에 포함되어 있으면 자신을 계속해서 호출하기 때문에 
무한 반복을 하게 됩니다.

참고로 객체.innerText 는 태그 내에 쓰여진 문자열 들을 제어하는데 사용하는 속성입니다.





 소스 



<center>

<div id="mar" style="font-size=12px;border=1 solid eeeeee;text-align=left;width=320;height=300">
<br>
</div>

<script language=javascript>

msg=new Array(25) // 크기가 25인 배열 선언

msg[0]="망설임으로 시작한 이길이 그리 쉬웁지 만은 않습니다.  "
msg[1]="보이지 않던 길들이 보이고  "
msg[2]="길들은 다시 여러갈래로 나뉘어지고  "
msg[3]="갈등과 고민 끝에 선택한 길은  "
msg[4]="다시 망설임을 만들고  "
msg[5]="그렇게 다시 보이지 않는 길은 만들어 집니다.  "
msg[6]="그리고는 다시 여러 갈래로...... "
msg[7]="이렇듯 앞으로의 여정도 이러와 같으리라......  "
msg[8]="그렇지만 이 길을 걷지 않지는 못하는 마음은"
msg[9]="비겁함의 기인은 아닐것입니다.  "
msg[10]="때로는 고집과, 때로는 무모함으로  "
msg[11]="모자라는 자신을 알아가는  "
msg[12]="너무나 모자란 자신을 알때는 그래도 낫습니다.  "
msg[13]="이렇게 ....... "
msg[14]="지금의 이길이 나의 길이 아니라 하여도  "
msg[15]="이제는 돌아가기에도 머나먼 길을 걸어왔습니다.  "
msg[16]="누구 나에게 이길을 가라고 하지를 않니했고  "
msg[17]="이길이 나의 길이 아니라고 아니했거늘  "
msg[18]="누구에게 인가 물어 찾아갈 수 없는  "
msg[19]="이 길이 아닌 길을...  "
msg[20]="머언 여정의 길을  "
msg[21]="언제나 끝이 없을 이 길을  "
msg[22]="........  "
msg[23]="........  "
msg[24]="........  "

j=0
i=0
function write_line() // 레이어에 위의 배열에 선언된 문자들을 뽑아내서 표시하는 함수
{

  marline = msg[i].substr(j,1)                     // >> 배열의 첫번 째 값에서 j 부터 1개의 문자를 뽑아낸다.
  mar.innerText = mar.innerText + marline          // >> 뽑아낸 문자를 ID가 mar 인 위의 div 태그 내에 쓴다

    if(j==(msg[i].length))                         // >> 한 문자을 다 쓰게 되면 배열의 i 값을 증가시켜서 다음 문장을 뽑아낸다.
	{
	  mar.innerText=mar.innerText + "       - "
	  i++
	  j=-1
	}
    if(i==msg.length-1)                             // >> 모든 문장을 다 뽑아내게 되면 div 내의 모든 내용을 지우고 다시 시작한다.
	{
	  mar.innerText=""
	  i=0
	}

  j++

  setTimeout("write_line()",300)                    //  >> 함수의 실행부에 호출이 되어 무한 반복 호출된다.

}

write_line()                                        // >> 함수는 한번은 호출이 되어야 한다.

</script>