[JavaScript] 일정한 간격으로 코드 실행시키기

setInterval(), clearInterval()

var 변수 = setInterval("Code", ms)

 

위와 같은 코드를 작성하면 변수가 일정시간 간격(ms)마다 코드를 실행하게 됩니다.

 

clearInterval(변수) 를 할 경우, 해당 실행을 정지시킬 수 있습니다.

 

다음은 예시입니다.

 

<script>

    var addNum = 0;
    var subNum = 1000;
    
    var auto_1 = setInterval(function() {
    	addNum++;
        console.log("addNum: " + addNum);
        }, 1000);
    var auto_2 = setInterval(function() {
    	subNum--;
        console.log("subNum: " + subNum);
        }, 1000);
</script>

setTimeout(), clearTimeout()

위의 메소드는 일정시간이 지나면 코드를 실행하고 종료합니다.

 

var 변수 = setTimeout(func() {"Code"}, ms);

 

반대로 참조되어 있던 경우는 clearTimeout(변수); 명령어로 취소시킬 수 있습니다.

 

<script>
	var addNum = 0;
    
    var auto_1 = setTimeout(function() {
    	addNum++;
        console.log("addNum: " + addNum);}, 1000);
</script>

 

참고 : 자바스크립트 + 제이쿼리 입문 <이지스퍼블리싱>