본문 바로가기
JavsScript

setTimeout/SetInterval

by applejune 2022. 2. 25.

setTimeout 
/일정 시간이 지난 후 함수 실행
setInterval 
/일정 시간 간격으로 함수 반복


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

setTimeout(fn,3000); 3

=> 이 코드와 같다
setTimeout(function(){
console.log(3)
},3000);


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

setTimeout(showName, 3000, 'Mike');
                함수      시간    인수

clearTimeout(tId); 예정된 작업을 없앨 때 쓴다. 스케줄링을 취소시킨다. 함수 앞에 붙인다.

 

 

 

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

function showName(name) {
console.log(name);
}
const tId=setInterval(showName,3000,'mimi');

중간에 실행을 중시시키려면
clearInterval(tId);
를 실행시킨다


function showTime(){
console.log("안녕하세요, 접속하신지 ${num++}초가 지났습니다");
  }

setInterval(showTime,1000);

///////////////////////////////////////////////////
//5초 후에 멈추도록 작동시키면, 

let num =0;

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

 }
}

const tId = setInterval(showTime,1000);

'JavsScript' 카테고리의 다른 글

상속, prototype  (0) 2022.02.26
call, apply,bind  (0) 2022.02.26
클로저 Closure  (0) 2022.02.25
전개구문 Spread syntax : 배열  (0) 2022.02.24
나머지 매개변수 Rest Parameter  (0) 2022.02.24