시간 초과 호출과 간헐 호출의 차이

시간 초과 호출: 지정한 시간이 지나면 코드를 실행합니다.

/**
 * setTimeout()
 * param:
 * param1——      （      ，      ）
 * param2——        （               ）
 */
 //        ,              
 setTimeout("alert('hello world')",1000);
 //       
 setTimeout(function(){
     alert("hello world!");
 },1000);

setTimeout () 를 호출하면 시간 초과 호출을 나타내는 수치 ID를 되돌려줍니다.이 시간 초과 호출 ID는 계획 실행 코드의 유일한 식별자입니다. 시간 초과 호출을 취소할 수 있습니다 (clearTimeout ().

//      
var timeout = setTimeout(function(){
     alert("hello world!");
 },1000);
//  ：    
clearTimeout(timeout);

간헐 호출: 지정된 시간마다 코드를 실행합니다.간헐적 호출이 취소되거나 페이지가 마운트 해제될 때까지

/**
 * setInterval()
 * param:
 * param1——      （      ，      ）
 * param2——        （               ）
 */
 //        ,              
 setInterval("alert('hello world')",10000);
 //       
 setInterval(function(){
     alert("hello world!");
 },10000);

setInterval()을 호출하면 시간 초과 호출을 나타내는 수치 ID가 반환됩니다.이 시간 초과 호출 ID는 계획 실행 코드의 유일한 식별자로서 시간 초과 호출을 취소할 수 있습니다 (clearInterval ().

var num = 0;
var max = 10;
var intervalId = null;

function incrementNumber(){
    num++;
    //         max    ，            
    if(num == max){
        clearInterval(intervalId);
        alert("Done");
    }
}

intervalId = setInterval(incrementNumber,500);

시간 초과 호출을 사용하여 간헐 호출을 실현하다

var num = 0;
var max = 10;
function incrementNumber(){
    num++;
    //         max    ，          
    if(num < max){
        setTimeout(incrementNumber,500);
    }else{
        alert("Done");
    }
}
setTimeout(incrementNumber,500);

일반적으로 간헐 호출을 시뮬레이션하기 위해 초시조를 사용하는 것이 가장 좋다.간헐적 호출은 이전 간헐적 호출이 끝나기 전에 시작될 수 있기 때문에, 시간 초과 호출을 사용하면 이를 피할 수 있다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다