setTimeout, setInterval, clearTime

setTimeout

일정 시간이 지난 후 함수를 실행

function fn(){
    console.log(3);
}

setTimeout(fn, 3000) // 3000은 3초

// 아래와 같이 사용할 수 있음
function(fn(){
    console.log(3);
}, 3000);

초에 0이라고 적어도 바로 실행되는 것은 아니다.

인수가 필요하다면 시간 뒤에 적어준다

function showName(name){
    console.log(name);
}

setTimeout(showName, 3000, 'Mike');

---

setInterval

setTimeout과 이용방법이 같다.

일정 시간 간격으로 함수 반복

function showName(name){
    console.log(name);
}

setInterval(showName, 3000, 'Mike');

3초마다 ‘Mike’가 찍힌다.

멈추는 방법 - clearInterval

---

claerTimeout

예정된 setTimout을 없앤다.

const tid = function showName(name){
    console.log(name);
}

setTimeout(showName, 3000, 'Mike');

clearTimeout(tid);

---

예문

1초마다 접속 시간을 알려주고, 5초가 지나면 멈춤

let num = 0;

function showTime(){
    console.log(`안녕하세요. 접속한지 ${num++}초가 지났습니다.`)
    if(num > 5){
        clearInterval(sIt);
    }
}

const sIt = setInterval(showTime, 1000);