JS 타이머 setTimeout () 과 setInterva...

1930 단어
타이머 setTimeout () 과 setInterval () 은 원생 JS 가 매우 중요 하고 많이 사용 되 는 두 가지 방법 이지 만 많은 사람들 이 같은 기능 이 라 고 오해 해 왔 습 니 다. 간격 을 두 고 들 어 오 는 구문 함 수 를 반복 합 니 다. 그러나 사실은 그렇지 않 습 니 다. JS 가 서로 다른 이름 을 내 놓 았 으 니,분명 현저 한 차이 점 이 있 을 것 입 니 다. 먼저 두 JS 매 뉴 얼 과 영문 사전 의 설명 을 살 펴 보 겠 습 니 다. JS 매 뉴 얼 » setTimeout (): 지정 한 밀리초 후에 함수 나 계산 식 을 호출 하 는 데 사 용 됩 니 다.timeout (): 시간 초과;잠시 쉬다작업 사이 의 휴식;JS 매 뉴 얼 » setInterval (): 지정 한 주기 (밀리초 단위) 에 따라 함수 나 계산 식 을 호출 합 니 다. clearInterval () 이 호출 되 거나 창 이 닫 힐 때 까지 함 수 를 계속 호출 합 니 다.영어 해석 » interval (): 간격;간격막간 휴식;JS 매 뉴 얼 과 명명 해석 을 자세히 살 펴 보면 이들 의 차 이 를 쉽게 구분 할 수 있 습 니 다. 쉽게 말 하면 두 가지 차이 점 은 setTimeout () 방법 은 지 정 된 시간 을 기다 린 후에 함 수 를 실행 하고 한 번 만 들 어 오 는 문형 함수 입 니 다. setInterval () 방법 은 지 정 된 간격 마다 들 어 오 는 문형 함 수 를 실행 하 는 것 입 니 다.창 이나 clearInterval () 을 닫 을 때 까지 반복 적 으로 실행 합 니 다. 현혹 자 들 이 쉽게 이해 할 수 있 도록 예 를 들 었 습 니 다. 이 를 클릭 하여 DEMO 의 용법 을 살 펴 보면 더 이상 말 할 필요 가 없습니다. 이들 의 차 이 를 알 게 된 후에 어떻게 취사선택 하 는 지 알 아야 합 니 다.


var timeout=function(){
        alert('  2s   ,    !      clearTimeout     !')
}
var interval=function(){
        alert(' 2s    ,  clearInterval     !')
}
var input=document.getElementsByTagName_r('input');

var clearTimeoutFun=null;
var clearIntervalFun=null;

input[0].onclick=function(){
        clearTimeoutFun=setTimeout(timeout,2000);
}
input[1].onclick=function(){
        clearTimeout(clearTimeoutFun);
}
input[2].onclick=function(){
        clearIntervalFun=setInterval(interval,2000);
}
input[3].onclick=function(){
        clearInterval(clearIntervalFun);
}       

좋은 웹페이지 즐겨찾기