JavaScript & jQuery | for문 내에서 시간차를 두고 함수를 실행하는 방법 + setTimeout과 클로저(Closures)

사용계기

---

• 특정 함수를 5번 이상 실행해야하는데, 한 번 실행 후 60초 정도의 시간이 지난 뒤 또 실행하고, 또 60초의 시간이 지난 뒤 또 실행하는 즉 함수가 약 60초의 간격을 두고 실행되어야 했다
• 처음에는 setTimeout을 사용하면 되지않을까 생각했는데 생각과 다르게 제대로 진행되지 않았다
• 그러다 찾게 된 것이 클로저의 개념

 

 

사용예시

---

for(i = 0; i < 5; i++){
  (function(x){

	console.log("for문 실행 시 즉시 실행되는 함수 ====>>>> i = " + i + ", x = " + x);
	
	setTimeout(function(){
		console.log("setTimeout ====>>>> i = " + i + ", x = " + x);
		
		test(); // 실행할 함수
		
	}, 60000*x);// 60000 = 60초, 밀리초
		
  })(i);
}