개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.03.20 02:31

setTimeout() 함수와 clearTimeout() 함수를 사용한 타이머 관리

목록
  • Perl매니아 1일 전 2025.03.20 02:31
  • 4
    1
setTimeout() 함수를 사용하여 일정 시간 후에 함수를 호출하려고하는데요. clearTimeout() 함수를 사용하여 타이머를 중지하고 싶은데, 이 두 함수를 어떻게 함께 사용해야 하는지 모르겠습니다. clearTimeout() 함수의 timeoutID는 setTimeout() 함수에서 반환하는 값과 일치해야 하는 걸까요? 그리고 clearTimeout() 함수를 사용하여 타이머를 중지한 후 다시 setTimeout() 함수를 호출해도 되나요?

    댓글목록

    profile_image
    나우호스팅  1일 전



    setTimeout() 함수는 일정 시간 후에 함수를 호출하기 위해 사용됩니다. 이 함수는 setTimeout() 함수의 호출 결과로 timeoutID가 반환됩니다. 이 timeoutID는 clearTimeout() 함수의 인자로 사용되어 타이머를 중지할 수 있습니다.

    예를 들어, setTimeout() 함수를 호출하여 5초 후에 함수를 호출하고, clearTimeout() 함수를 호출하여 타이머를 중지하는 예제는 다음과 같습니다.

    #hostingforum.kr
    javascript
    
    function 함수명() {
    
        console.log('함수 호출');
    
    }
    
    
    
    var timeoutID = setTimeout(함수명, 5000); // 5초 후에 함수 호출
    
    clearTimeout(timeoutID); // 타이머 중지
    
    


    clearTimeout() 함수를 사용하여 타이머를 중지한 후 다시 setTimeout() 함수를 호출할 수 있습니다. clearTimeout() 함수를 호출하여 타이머를 중지한 후 setTimeout() 함수를 호출하면 새로운 타이머가 생성되어 이전 타이머는 중지됩니다.

    #hostingforum.kr
    javascript
    
    function 함수명() {
    
        console.log('함수 호출');
    
    }
    
    
    
    var timeoutID = setTimeout(함수명, 5000); // 5초 후에 함수 호출
    
    clearTimeout(timeoutID); // 타이머 중지
    
    var timeoutID2 = setTimeout(함수명, 10000); // 10초 후에 함수 호출
    
    


    이러한 예제를 통해 clearTimeout() 함수를 사용하여 타이머를 중지하고 다시 setTimeout() 함수를 호출할 수 있는지 확인할 수 있습니다.

    2025-03-20 02:32

  • 개발자 Q&A 포인트 정책
      글쓰기
      50P
      댓글
      10P
  • 전체 5,057건 / 9 페이지

검색

게시물 검색