Javascript- setInterval()

 

 

setInterval이란?

setInterval() 함수는 정해진 시간 간격으로 인자를 반복 실행하는 함수입니다. 반복문이랑 비슷하다고 할 수 있겠네요. 앞서 활용해본 이미지 슬라이드 예제처럼 몇 초에 한번씩 특정 코드를 반복해서 실행할 수 있습니다. 간단한 예를 들어서 봅시다.

    function test(){
        console.log("javascript");
    }
    setInterval(test, 2000);

이런식으로 "javascript"라는 문자를 2초 마다 반복 실행 시킬 수 있습니다. 함수를 정의하고 그 함수를 인터벌로 실행 시킬 수 있지만 처음부터 인터벌 함수를 작성하는것도 가능합니다.

 

    setInterval(() => {
        console.log("javascript");
    }, 2000);

이런 식으로요. 그리고 매개변수를 가지는 활용도 가능합니다.

    function test(el){
        console.log(el);
    }
    setInterval(()=>{
        test("javascript");
    }, 2000);

이렇게 다양하게 활용이 가능합니다. 데이터의 추가 변경 등 다양한 방법을 통해서 활용할 수 있겠죠? 물론 인터벌함수를 변수화 하는것도 가능할테구요.
앞으로 아주 많이 이용할 함수이기때문에 익숙해 질 필요가 있어보입니다.

---

https://gwni0214.github.io/webs_class/javascript/effect/sliderEffect01.html

슬라이드 이펙트

슬라이드 이펙트 예제를 통해서  setInterval 함수의 활용을 볼 수 있습니다.