(기본/기초) javascript setTimeout setInterval clearInterval

 

 

setTimeout 메서드는 일정시간후 함수를 실행한다.

1번만 동작하고 그 이후에는 동작하지 않는다.

//setTimeout(fn, delay); 실행할함수, 간격

setTimeout(function(){
    console.log('setTimeout')
}, 1000); //1초후 setTimeout출력

 

setInterval 메서드는 일정시간마다 함수를 실행한다.

//setInterval(fn, delay); 실행할 함수, 간격

setInterval(function(){
    console.log('setInterval')
}, 1000) //1초마다 setInterval출력

 

clearInterval 메서드는 setInterval로 반복하고 있는걸 멈추게 한다.

// clearInterval(setInterval로 생성된 대상);


var count = 0;

var repeat = setInterval(function(){
    console.log('setInterval');
    count++;  //숫자 count를 증가,
    if(count==5){   // 5가되면 멈춰라
        clearInterval(repeat);
    }
}, 1000);  //1초에 1번씩 동작