2021-05-06
자바스크립트 내에서는 타이머를 지정할 수 있는 setTimeout() 함수가 존재하는데, 해당 함수의 사용법을 알아보자.
- 매개값
setTimeout 은 매개 값을 두 가지를 받는다. 첫 번째 매개 값은 주어진 시간이 지났을때 수행될 코드이며, 두번째 매개값은 주어질 시간이다. 여기서의 주어질 시간은 밀리 초로 계산되기 때문에 1000 당 1초로 계산된다.
- 예제 코드
아래의 예제 코드는 5000(5초) 밀리 초가 지나면 브라우저 콘솔 창에 Hello World를 출력하게 하는 코드이다.
var timeSet = setTimeout(function() {
console.log("Hello World")}
, 5000)- 타이머 초기화 함수
불가피한 경우에 타이머를 초기화해야 하는 경우가 있을 수 있다. 이럴 경우 사용하는 함수가 바로 clearTimeout 함수인데 사용법은 아래와 같다.
clearTimeout("초기화 시킬 타이머의 변수명")메인 이미지 출처: Photo by Pawel Czerwinski on Unsplash