setTimeout, setInterval, clearInterval 이란?
css 애니메이션 강의를 들으면서 setInterval을 처음 보게되어 찾아보고 공부한 내용을 내 방식대로 쉽게 작성해서 공유하려고 작성한다.
1. setTimeout
기본 형태: setTimeout(Fn, delay)
setTimeout 메서드는 일정시간 후에 함수를 실행시켜주는 메서드 입니다.
ex)
setTimeout(()=>{console.log("hi")}, 1000); // 1초후에 console에 hi 출력됨
2. setInterval
기본 형태: setInterval(Fn, delay)
setInterval 메서드는 일정시간마다 계속해서 함수를 실행시켜주는 메서드 입니다.
ex)
setInterval(()=>{console.log("hi")}, 1000); // 1초마다 계속해서 console에 hi 출력됨
3. clearInterval
기본 형태: clearInterval(setInterval로 생성된 변수)
clearInterval메서드는 반복되고있는 setInterval 메서드를 멈추게 합니다.