자바스크립트_setTimeout()과 setInterval() 개념 정리

오늘은 setTimeout()과 setInterval()에 대해 정리해보겠습니다.

 

setTimeout 은 모두 일정시간이 지난 후에 함수를 실행하고

setInterval 일정 시간 간역으로 함수를 반복합니다.

 

setTimeout

function fn(){
    console.log(3)
}
 
setTimeout(fn, 3000);
//3초뒤에 함수가 실행된다.
 
//위에 있는 코드는 밑에 처럼 사용하여두 된다.
 
setTimeout(function fn(){
    console.log(3);
}, 3000);
 
//인수가 필요하다면
 
function showName(name){
console.log(name);
}
 
setTimeout(showName, 4000, 'jun');
//           함수     시간  인수

//setInterval
// 함수가 3초마다 준 이 찍히게 된다.
 
function showName(name){
    console.log(name);
}
 
const tId = setInterval(showName, 3000, 'jun');
 
//밑에 예제를 콘솔로그에 찍어보세요!
// clearInterval로 지울 수 있습니다.
let num =0;
function showTime() {
    console.log(`안녕하세요, 접속하신지 ${num++}초가 지났습니다.`);
    if(num > 8){
        clearInterval(tIds)
    }
}
 
const tIds = setInterval(showTime, 1000);