#12 setTimeout, setInterval

setTimeout : 지정한 시간이 지나면 해당 함수를 1번 실행함

// 함수를 따로 생성해 놓고 setTimeout 에서 호출
function fn(){
    console.log(3);
}
setTimeout(fn, 3000);

// setTimeout 을 익명 함수를 이용하여 작업을 바로 지정 
setTimeout(function(){
    console.log(5)
}, 5000);


// setTimeout 인수 전달방법
function showName(name){
    console.log(name);
}
setTimeout(showName, 3000, 'Mike'); // 함수, 시간, 인수

// 예정된 타이머를 취소를 위해 setTimeout을 변수에 저장
const tId=setTimeout(showName, 5000, 'Mike2');
// 타이머 취소
clearTimeout(tId);

 

setInterval : 지정한 시간 마다 해당 함수를 반복 실행함

// setInterval 지정된 시간 마다 지정 함수를 반복 실행함
let call_count=0;
function showName(name){
    call_count+=1;
    if(call_count>=3){
        clearInterval(tId);
    }
    console.log(name);    
}
const tId = setInterval(showName, 3000, 'Kim');

let num=0;
function showTime(){
    console.log(`안녕하세요, 접속하신지 ${num++}초 지났습니다.`);
    if(num>=5){
        clearInterval(tId);
    }
}

const tId = setInterval(showTime, 1000);