강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Jin Lee님의 프로필 이미지
Jin Lee

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

setTimeout

setTimeout이 여러번 실행 될 수 있나요?

작성

·

460

0

강의 그대로 했는데, setInterval처럼 정해진 시간마다 다시 반복이 되어서...

스크립트 한번 확인 부탁드려도 될까요?

let timeId ;
        const btn = document.querySelector('.btn')
            function play (){
                console.log('setIimeOut')
            }
        timeId = setTimeout( play, 4000);
        
        btn.addEventListener('click',function(){
            clearTimeout(timeId);
        })

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

코드에는 이상이 없는데..
해당 소스로 실행하신게 맞는지 다시한번 확인 해보시겠어요?
참고로 requestAnimationFrame같은 방식으로 아래처럼 하시면 루프도 가능합니다.

    let timeId;
    const btn = document.querySelector('.btn');

    function loop() {
      console.log('loop');
      timeId = setTimeout( loop, 100);
    }

    loop();
    
    btn.addEventListener('click',function(){
        clearTimeout(timeId);
    });
Jin Lee님의 프로필 이미지
Jin Lee

작성한 질문수

질문하기