[20230627]타이머함수,setTimeout, setInterval

setTimeout → 시간을 한번만 체크한다, 지정한 시간이 소진되면(timeout) 구문 실행

 

setTimeout(할일,시간)

            할일 = function(){실제할일...}

            시간 = milisecond, 1000 = 1s;

 

ex) 4초가 지나면 경고창을 출력

//4초가 지나면 경고창을 띄운다

            setTimeout(function(){

                alert('4초뒤');

            },4000);

 

멈추기 → clearTimeout

//멈추기

            clearTimeout(멈추려고 하는 대상의 이름);

    //4초가 지나면 경고창을 띄운다

            let timer = setTimeout(function(){

                alert('4초뒤');

            },4000);

            //멈추기

            clearTimeout(timer);

멈추려면 변수명이 필요한데 이름을 지정안해주었으므로

timer이라는 변수에 담았음.

 

 

 

setInterval → 간격, 일정시간마다 지정할 구문을 실행한다. (간격을 두고)시간을 계속해서 재는 것 

 

        setInterval(할일,시간)

            할일 = function(){실제할일...}

            시간 = milisecond, 1000 = 1s;

            멈추기

            clearInterval(대상의 이름);

 

clearInterval → 멈추다.

    let interval = setInterval(function(){

                alert('4초마다');

            },4000);

            clearInterval(interval);

 

 

 

5번만하고 멈추려고 할때

let count = 0;

            let interval = setInterval(function(){

                alert('4초마다');

                count++;

                if(count ==5){

                    clearInterval(interval);

                }

            },4000);