제이쿼리(J-Query) 메소드 setInterval()

제이쿼리 setInterval 메소드

: 원하는 시간을 설정하면 해당 시간을 간격으로 설정한 코드가 자동으로 반복 실행

 

 

 

문법 

setInterval(function(){

  // 반복 실행할 코드

}, time) // 설정 시간

 

 

 

ex.

$(function(){    //제이쿼리 실행 호출

  var index = 0;

  setInterval(function(){

    $(".section .box").removeClass("on"); //클래스 초기화

    $(".section .box").eq(index).addClass("on");  //선택한 태그에 클래스 추가

    index++; // 증가 연산자를 이용하여 설정한 time 마다 반응하게끔 작업

    if(index == 3){  // 변수가 3이 되었을때(조건문)

      index = 0;   // 값을 0으로 초기화

    }

  }, 2000);  // time 마다 반응

});

 

 

 

test.

ryu8811.github.io/jungle/class_4/05_setInterval.html