image

타이머 함수 - setTimeout(), setInterval()

태그
Javascript
상세설명setTimeout(), setInterval() 함수 사용법
작성일자2023.12.04

타이머와 관련된 함수로는 setTimeout(), setInterval() 가 있다.

setTimeout()

  • 설정한 시간이 지난 후 코드를 실행시킨다.
  • 문법 : setTimeout(functionRef, delay, param) ( delay, param은 optional한 값 )

    // functionRef (delay생략)
    setTimeout(() => console.log("바로 실행"));
    
    // functionRef & delay
    setTimeout(() => console.log("5초 후에 실행됨"), 5000);
    
    // param 사용
    function weather(today, phrase) {
      console.log( today + ' 은 ' + phrase );
    }
    
    setTimeout(weather, 1000, "12/04", "화창해요");

    clearTimeout ( setTimeout() 중지 함수 )

    const startCode = setTimeout(() => console.log("5초 후에 실행됨"), 5000);
    
    clearTimeout(startCode)

    setInterval()

  • 설정한 시간마다 코드를 실행시킨다.
  • 문법 : setInterval(func, delay, arg) ( delay, arg은 optional한 값 )

    setInterval(() => {console.log('5초마다 실행!')}, 5000);

    clearInterval ( setInterval() 중지 함수 )

    // 1초 간격으로 메시지를 보여줌
    const timer = setInterval(() => console.log('1초!'), 1000);
    
    // 5초 후에 정지
    setTimeout(() => { clearInterval(timer); console.log('끝 !'); }, 5000);

    끝으로 …

    타이머 함수 적용 시 타이머 해제 함수도 적용하기