setInterval

setInterval은 일정시간마다 반복적으로 어떠한 처리를 해야 할 때 쓰인다.

웹브라우저 하단 status bar에 일정 시간 단위로 문자가 나오게 하다든가,
어떠한 이미지를 반복적으로 교체하는 처리를 하여, 재밌는 애니메이션을 만들 수도 있는 것이다

set Interval( 처리, 시간설정(1/1000)초 ) Clear Interval()

setInterval 메소드의 첫번째 인수에는 처리할 구문이 존재해야 한다.

예) setInterval( "alert('good')", 1000) // 1초마다 good 메세지를 띄움

첫번째 인수의 처리할 구문은 문자열 데이타로 작성.
혹은 함수 리터널을 바로 대입해줘도 됨.


그리고 clearInterval은 setInterval을 중지시키는 일을 하는 메소드이다.

  <div id="view"></div>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function printView(n){
    if(n == 5) clearInterval(timer); //5초가 되면 중지
    document.getElementById("view").innerHTML = n;
  }
 
  var i=0;
  var timer = setInterval(function(){
    printView(i++);
  }, 1000);
  //-->
  </SCRIPT>