[JavaScript] setInterval() 함수 사용하기

setInterval() 은 일정한 시간 간격을 두고 반복해서 실행해야 할 때 사용하는 함수다

<script type="text/javascript">
    $(document).ready(function () {
            setInterval(function () {
                console.log("test");
                }
                , 3000)
    });
</script>

위와 같은 코드로는 페이지 접속 시 3초 마다 console.log가 찍힌다

 

일정시간마다 데이터를 새롭게 불러오고 싶다거나 일련의 동작이 필요한 경우

해당 함수를 이용하면 지정한 시간마다 동작하게 된다

 

필요할 때만 일정 시간마다 동작하도록 하고 싶다면

setInterval()을 function으로 만들어서 버튼 형태로 만들어서 사용해도 좋을 것이다

clearInterval() 함수는 setInterval()을 종료시켜준다