jQuery 050. 일회성 타이머 setTimeout();

setTimeout() 은 지정된 시간이 지난뒤 1회 실행되는 함수입니다. setInterval() 은 1회만 호출하려면 특정 조건을 만들어줘서 clearInterval()을 통해 멈춰주어야 하기 때문에 특정시간이 지난 후에 1회 사용하려는 목적이라면 setInterval() 보다는 setTimeout() 을 사용하는걸 권합니다. setInterval(), clearInterval()의 예제와 설명은 아래링크를 통해 확인해주세요.

[[JQUERY]자바스크립트] - jQuery 048. 반복 타이머 setInterval() ,clearInterval()

jQuery 048. 반복 타이머 setInterval() ,clearInterval()

#code 01_01

setTimeout(실행 함수 ,밀리초);

먼저 setTimeout() 의 사용방법입니다. 매개변수로 '실행 함수' , '밀리초' 를 받습니다. 1000 밀리초 = 1초 입니다. setTimeout()의 사용방법은 setInterval()과 동일합니다. 단지 한번만 동작하기에 멈출 필요가 없습니다.

 

#code 01_02

setTimeout(function(){

    console.log("1초뒤에 생성됩니다.");

},1000)

setTimeout()의 기본적인 사용방법입니다. 1초 뒤에 console.log()를 사용하는 함수를 호출합니다. 매개변수로 익명함수와 Number 형태의 밀리초를 받습니다.

 

#code 01_03

var timeOut = function(){
    console.log("TimeOut() 실행!");
}

setTimeout(timeOut,1000);

이번엔 매개변수로 익명함수가 아닌 함수를 넣어주었습니다. 중복되는 사용이 있다면 이런형태로 중복되는 코드를 줄여줄 수 있습니다.

 

#code 01_04

var timeOut = function(){
    console.log("TimeOut() 실행!");
}
var ms = 1000;

setTimeout(timeOut,ms);  

#code 01_03과 마찬가지로 함수를 만들고, 변수에 밀리초까지 담아준뒤 setTimeout()의 매개변수에 각각 담을 수 있습니다.