setTimeout()

setTimeout()란?

일정 시간 후에 특정 코드, 함수를 의도적으로 지연한 뒤 실행하고 싶을 때 사용하는 함수로 사용한다. 자바스클립트 함수 중에서도 특히 자주 사용되는 함수 중 하나이다. 먼저 간단한 문법부터 알아보자.

{
    setTimeout(function(){
        //code here
    }.시간);
}

위 함수는 보통 두 개의 인자를 설정할 때 사용

• 2. 호출될 콜백함수
• 2. 지연시간(delay time)

setTimeout()함수의 내부에 위차한 코드 function(){//Code here}는 콜백 함수로 지연시간 뒤에 실행될 코드를 설정한다. 지연시간은 밀리세컨드 단위로 설정하며 예를 들어 지연시간 1000=1초, 10000 = 10초를 의미한다.

setTimeout활용방법

• 접속 후 몇 초 후에 팝업 또는 배너창 띄우기
• 방문자의 스크롤이 브라우저 일정 위치에 올 경우 몇 초 뒤에 애니메이션 실행
• 검색창 또는 일부 섹션 몇 초 뒤 사라짐