[JavaScript 자바스크립트] 일정 시간 뒤 함수 실행 setTimeout()

setTimeout() 이란 ?

 

일정 시간 후에 특정 코드, 함수를 의도적으로 지연한 뒤 실행하고 싶을 때 사용하는 함수

 

 

예제

 

1초 후 함수 실행

 

setTimeout(function() {
  console.log('1초 후 함수 실행');
}, 1000);

 

 

setTimeout() 활용

 

• 접속 후 몇 초 후에 팝업 또는 배너창 띄우기
• 방문자의 스크롤이 브라우저 일정 위치에 올 경우 몇 초 뒤에 애니메이션 실행
• 검색창 또는 일부 섹션 몇 초 뒤에 사라질 경우
• 방문자 접속 후 20-30초가 지난 뒤 메일 구독을 신청하는 팝업창을 띄울 경우
• 두 개의 입력값을 받은 후 동시에 두 개의 입력값을 계산하고 싶은 경우