[JS]setInterval, setTimeout

이 코드를... 몇초뒤에 실행하고 싶다..!!

코드를 몇초뒤에 실행하거나, 아니면 몇초마다 실행하게 만들고 싶다!
setTimeout() 함수는 워낙 많이 사용하는 함수다 보니 , 익히 알고 있었지만 setInterval() 함수는 알지 못했다. 그래서 오늘은 setTimeout() 과 setInterval() 함수에 대해서 정리 해봐야지!

setTimeout(function(), ms)

원하는 시간이 지난후에 코드 실행

setTimeout()의 사용법은 간단하다.
setTimeout(function(), ms) 로 실행할 함수와, 밀리세컨즈를 입력하면 완성이다!

setTimeout(() => console.log("setTimeout()함수 테스트"), 2000);
//2초뒤 "setTimeout()함수 테스트"가 실행되는것을 확인할 수 있다.

setInterval(function(), ms)

원하는 시간 마다 코드 실행
setInterval()의 사용법은 간단하다.
setInterval(function(), ms) 로 실행할 함수와, 밀리세컨즈를 입력하면 완성이다!

setInterval(() => console.log("setTimeout()함수 테스트"), 2000);
//2초마다"setTimeout()함수 테스트"가 실행되는것을 확인할 수 있다.

setInterval() 은 계속 해서 실행하기 때문에 반드시 clearInterval 함수를 사용해서 멈춰 주어야 한다.

clearInterval(setIntervalId)

clearInterval()은 파라미터로 setIntervalId를 입력해야 하는데, 저 아이디는 setInterval을 실행할 때 자동으로 반환된다. 그 반환되는 값을 넣어주면 된다. 흔한 방법으로는
setInterval을 변수에 넣고 clearInterval 의 파라미터로 넘겨주면 된다.