본문 바로가기

Stupid Computer/4. JavaScript

[자바스크립트] 타이머 함수 ~ 사용 예제

안녕하세요, kimgaga 블로그 주인장입니다. 

이번 블로그글은 javascript 자바스크립트를 사용할때 쓰는 timer 함수의 예제 입니다 ㅎㅎㅎ 

 메서드 이름

 설명 

 setTimeout(function, millisecond)

 일정 시간 후 함수를 한번 실행한다

 setInterval(function, millisecond)  

 일정 시간마다 함수를 반복해서 실행한다.  

 clearTimeout(id) 

 일정 시간 후 함수를 한 번 실행하는 것을 중지한다. 

 clearInterval(id)  

 일정 시간마다 함수를 반복하는 것을 중단한다.


setTimeOut 함수 

<script>

// 3초 후에 함수를 실행한다. 

  setTimeout(function(){

          alert('3초가 지났습니다. ') ;

 }, 3000);

</script>


setInterval() 함수 : 컴퓨터의 자원을 지속적으로 소비 ( 타이머로 멈추면 됨) 


<script>

 //1초 마다 함수를 실행한다.

 var intervalID = setInterval(function () { 

    alert('<p>' + new Date() + '</p>'); 

}, 1000 ) ; 


// 10초 후에 함수를 실행 한다. 

setTimeout(function (){

  //타이머를 종료한다. 

 clearInterval(intervalID); 

}, 10000) ; 

</script>