ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • setTimeout
    JAVASCRIPT 2022. 2. 28. 13:38
    setTimeout(function() {
                실행할코드
    }, 몇ms초 /*1000이 1초*/);

     

    이런 식으로, 사용하며, 몇초 후 코드를 실행하게 해주세요 할 때 사용한다.  그리고 function이 들어간 콜백함수자리엔

    setTimeout(함수이름,1000);
    
    function 함수이름() {
    	console.log('안녕')
    };

    이런 식으로, 미리 만들어 둔 함수를 사용할 수 있다.

     

    그리고, 몇초 후가 아니라 몇초 마다 코드를 실행할게요 하는 것도 있다. 이럴땐, setInterval을 사용한다.

    setInterval(function() {
                실행할코드
    }, 몇ms초);

    이렇게 사용하면 몇ms초 마다 코드를 실행해주세요 가 된다.

     

    만약, 타이머를 삭제하고 싶다면,

    var 타이머이름 = setTimeout(함수이름,1000);
    
    function 함수이름() {
    	console.log('안녕')
    };
    
    clearTimeout(타이머이름);

    이렇게, clearTimeout를 사용해서 지연시간을 기다리지 않고, 바로 삭제할 수 있다.

    'JAVASCRIPT' 카테고리의 다른 글

    Typewriting  (2) 2022.02.21
    hammer.js 또는 js의 터치이벤트  (2) 2022.02.21
    Scroll UI  (2) 2022.02.18
    ajax  (2) 2022.02.17
    DOM의 개념과 이벤트리스너 ready, load  (2) 2022.02.16

    댓글

Designed by Tistory.