settimeout
[JS] 코드 실행 지연 시키기 (delay)
흔히 알려진 시간을 지연시키는 방법으로는 setTimeout() 함수가 있습니다. 문제점 function delayTest() { console.log("__코드 시작__"); setTimeout(() => { // 5초 후 실행 console.log("실행! 1"); setTimeout(() => { // 3+5초 후 실행 console.log("실행! 2"); }, 5000); }, 3000); } 가장 쉽게 시간을 지연시킬 수 있지만, 다음과 같은 상황에서는 사용하기에 어려움이 존재합니다. 중첩해서 5초 후에 코드 실행과 3초 후에 코드 실행이 되어야 하는 상황입니다. 위 코드와 같이 setTimeout callback 안에 setTimeout을 넣어줘야 하는 문제점이 발생합니다. 계속 함수가 늘어..
![[JS] 모든 setInterval, setTimeout 중지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcFpmr7%2Fbtrx06s1Wuu%2FhKYVmnsTM2hhpVjVK56oB1%2Fimg.png)
[JS] 모든 setInterval, setTimeout 중지
코드 // 가장 마지막에 실행된 함수를 제외 전부 중지 const IntervalId = setInterval(() => console.log('interval'), 1000); for (let i = 0; i console.log('timeout'), 1000); for (let i = 0; i < TimeoutId; i++) { clearTimeout(i); } 코드 풀이 setInterval, setTimeout은 각 함수를 호출할 때마다 증가하는 수를 아이디로 반환하며 해당 아이디를 사용하여 각 함수를 중지시킬 수 있습니다. 이에 사용되는 함수는 clearInte..