Day78 - [js]타임아웃, 매개변수 넣기

이번에는 java script 를 이용해서, 설정한 시간이 지나면 자동 실행되는 함수. setTimeout .

실행할 함수를 넣는 곳에 매개변수를 전달하는 방법을 알아 봅시다.

 

타임아웃

타임아웃은 특정시간 뒤에 실행되는 함수입니다.

 

setTimeout( 실행할함수, 시간설정(밀리초) )

를 사용합니다.

 

중단은, setTimeout 을 설정할 때 앞에 변수를 사용해주고, 뒤에서 clearTimeout( 중단할Timeout ) 을 사용합니다.

clearTimeout 을 만나는 순간, 설정한 Timeout 이 중단되기 때문에, 특정 조건 ex) if문 , 버튼 클릭 등에 사용합니다.

이 전 글에서 본 Interval 과 비슷하죠?

 

매개변수 넣기

자 그러면, setTimeout 안에 실행할함수에 매개변수를 넣어 봅시다.

이렇게 사용하면 될 거 같죠? 그런데 실제로 이렇게 하면, 제대로 작동하지 않습니다.

페이지가 로드 된 후 5초 뒤에 실행이 되야 하는데, 바로 실행되죠.

 

그 이유는 setTimeout 함수가 제대로 작동하지 않고, test 함수만 제대로 작동하기 때문입니다.

 

setTimeout 안에 실행할 함수에 함수의 호출이 들어가 있습니다. <- 명확한 이유.

 

1st : 아래처럼 return 을 함수 모양으로 만들어 주면 됩니다.

※ 주의 : return 에 들어가는 함수는 매개변수가 없을 것

 

2st : 아래처럼 즉시실행함수에 매개변수를 넣어줄 것.

※ 주의 : setTimeout 안에 실행할 함수를 작성하는 곳에서는 매개변수를 넣지 말것.

 

위에 첫번째, 두번째 방법을 사용하면 되겠습니다.

 

예제. for 문을 이용한 매개변수 setTimeout 설정