2016년 3월 25일 금요일

타이머 함수

타이머함수란 특정한 시간에 특정한 함수를 실행할 수 있게 하는 함수이다.
기본적으로 타이머함수에 사용되는 시간의 단위는 밀리세컨드(millisecond) 이다.

1) 함수의 종류
  1. <script>  
  2.     setTimeout(function, millisecond);  // 1) 일정 시간이 지난 후 함수를 한 번 실행
  3.     clearTimeout(id);                   // 2) 1)번의 함수 중지 
  4.     setInterval(function, millisecond); // 3) 일정 시간 간격으로 함수를 반복해서 실행 
  5.     clearInterval(id);                  // 4) 3)번의 함수 중지
  6. </script>  
          * clearTimeout, cleaerInterval 의 id 값은 setTimer, setInterval 의 return value


  1. <script>  
  2.     // 아래의 코드는 콘솔로그(Developer Tools에서 확인 가능)에 실행 후 3초 뒤에 찍는다.
  3.   
  4.     var timerId = setTimeout(function() {  
  5.         console.log('3초 뒤에 찍힐 거에요.');  
  6.     }, 3000);  
  7.       
  8.     clearTimeout(timerId);  
  9. </script>  
          * setTimeout으로 3000millisecond(3초) 이후에 콘솔로그에 문장이 출력된다.

댓글 없음:

댓글 쓰기