setTimeout () 과 setInterval () 의 용법 과 차이

자 바스 크 립 트 를 배 웠 으 면 setTimeout () 은 타이머 이 고 setInterval () 은 타이머 라 는 것 을 알 아야 한다.setTimeout (표현 식, 지연 시간) 은 실행 할 때 불 러 온 후에 지정 한 시간 을 지연 시 킨 후에 표현 식 을 실행 합 니 다. 기억 하 세 요. 횟수 는 한 번 이 고 setInterval (표현 식, 상호작용 시간) 은 다 릅 니 다. 불 러 온 후에 지정 한 시간 마다 표현 식 을 실행 하기 때문에 완전히 다 릅 니 다.
 1. setInterval () 방법 은 지정 한 주기 (밀리초 단위) 에 따라 함수 나 계산 식 을 호출 할 수 있 습 니 다.
setInterval () 방법 은 clearInterval () 이 호출 되 거나 창 이 닫 힐 때 까지 함 수 를 계속 호출 합 니 다.setInterval () 에서 되 돌아 오 는 ID 값 은 clearInterval () 방법의 매개 변수 로 사용 할 수 있 습 니 다. 예 를 들 어:

    var int=self.setInterval("clock()",50)
    function clock()
    {
        var t=new Date()
        document.getElementById("clock").value=t
    }



    Stop interval

      2. setTimeout () 방법 은 지정 한 밀리초 후에 함수 나 계산 표현 식 을 호출 하 는 데 사 용 됩 니 다. setTimeout () 은 한 번 만 실 행 됩 니 다. 예 를 들 어:

    
        function timedMsg()
        {
            var t=setTimeout("alert('5 seconds!')",5000)
        }
    



    

Click on the button above. An alert box will be displayed after 5 seconds.

        많은 사람들 이 setTimeout 을 실 행 된 함수 에 포함 시 킨 다음 함수 밖에서 다시 setTimeout 을 사용 하여 정시 에 실행 하 는 목적 을 달성 하 는 데 익숙 하 다. 그러면 함수 밖의 setTimeout 은 함 수 를 실행 할 때 다시 setTimeout 을 촉발 하여 반복 되 는 정시 효 과 를 형성한다.사용 할 때 각각 장점 이 있 습 니 다. setInterval 을 사용 하려 면 tick 트리거 를 수 동 으로 중지 해 야 합 니 다.
         사용 방법 에 setTimeout 을 끼 워 넣 으 면 방법 내부 자체 의 논리 에 따라 setTimeout 을 더 이상 호출 하지 않 으 면 트리거 를 멈 추 는 것 과 같 습 니 다.사실 두 물건 은 서로 모 의 할 수 있 고 구체 적 으로 그것 을 사용 할 수 있 으 며 그 당시 의 수 요 를 보고 결정 했다.
원본 주소:http://tangjiusheng.com/js/85.html