[JS]setInterval(), clearInterval(), setTimeout()

1. setInterval() : 일정한 시간 간격으로 작업 수행

//사용방법
var SETTIMEOUT_NAME = setTimeout(FUNCTION, TIME);

//실행중인 루프 종료 방법
clearTimeout(SETINTERVAL_NAME);

$(document).ready(function () 
{
    setInterval(function()
    {
       alert("2초마다 반복 실행됩니다.");
    },2000);
});

 

2. clearInterval() : 타이머를 중지하는 함수

$(document).ready(function () 
{
    var testInterval = setInterval(function() {
        alert("2초마다 반복 실행됩니다.");
        },2000);
    
    setTimeout(function() {
        clearTimeout(testInterval);
    },7000);
});

 

3. setTimeout() : 일정 시간 이후 작업을 한 번 수행하는 함수. 저장된 시간 사이에 작업 시간이 추가됨.

$(document).ready(function () 
{
    setTimeout(function()
    {
       alert("2초후 한번 실행됩니다.");
    },2000);
});