자바스크립트에서 setTimeout 함수 사용하기

setTimeout이란 무엇인가요?

setTimeout은 자바스크립트에서 제공하는 함수로, 일정 시간이 경과한 후에 한 번만 함수를 실행하도록 하는 기능을 제공합니다.

setTimeout(function() {
  console.log("Hello, world!");
}, 3000);

위의 코드는 3초 후에 “Hello, world!”를 출력합니다.

setTimeout 함수 구성 요소

setTimeout(실행할_함수, 지연시간, 인자1, 인자2, ...);

위의 코드에서 실행할 함수는 필수적으로 들어가야 합니다. 지연시간은 함수를 실행하기 전에 기다리는 시간을 밀리초 단위로 설정합니다.

setTimeout 함수 활용 예시

let timer = setTimeout(function() {
  console.log("5초 뒤에 실행됩니다.");
},5000);

// setTimeout 취소
clearTimeout(timer);

위의 코드에서는 5초 후에 실행되는 타이머를 만들고, clearTimeout 함수를 이용해 함수를 취소하는 방법을 보여줍니다.

setTimeout 함수의 활용법

setTimeout 함수는 웹페이지에서 일종의 시간 지연을 일으킬 수 있으므로 HTML 페이지에서 동적으로 변경된 콘텐츠를 처리하는 데 유용합니다.

Keywords: 자바스크립트 setTimeout 함수, 웹개발, 프론트엔드