Javascript 의 setTimeOut () 과 setInterval () 의 타이머 사용법

Javascript 은 지연 과 정시 작업 을 처리 하 는 setTimeOut 과 setInterval 함수 의 응용 이 매우 광범 위 합 니 다. 그들 은 모두 지연 과 정시 작업 을 처리 하 는 데 사 용 됩 니 다. 예 를 들 어 웹 페이지 를 열 고 한 동안 로그 인 상 자 를 팝 업 하고 페이지 는 한 동안 비동기 로 최신 데 이 터 를 요청 하 는 등 입 니 다.그러나 이들 의 응용 은 다르다.
setTimeout () 방법 은 지정 한 밀리초 후에 함수 나 계산 표현 식 을 호출 하 는 데 사용 되 며, setInterval () 은 clearInterval 이 지 울 때 까지 지정 한 밀리초 마다 함수 나 표현 식 을 반복 적 으로 호출 합 니 다.즉 setTimeout () 은 한 번 만 실행 하고 setInterval () 은 여러 번 실행 할 수 있다.두 함수 의 매개 변수 도 같 습 니 다. 첫 번 째 매개 변 수 는 실행 할 code 나 문형 이 고 두 번 째 는 지연 되 는 밀리초 입 니 다.
setTimeOut 사용법
setTimeout 함수 의 용법 은 다음 과 같 습 니 다.

var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]);  var timeoutID = window.setTimeout(code, [delay]); 

timeoutID: 타이머 ID 번 호 는 clearTimeout () 함수 에서 타 이 머 를 지 울 수 있 습 니 다.
func: 실 행 된 함수 입 니 다.
code: (대체 문법) 실 행 된 코드 문자열 입 니 다.
delay: 지연 시간, 단위 밀리초.지정 되 지 않 으 면 기본 값 은 0 입 니 다.
우 리 는 window. setTimeout 이나 setTimeout 을 사용 할 수 있 습 니 다. 두 쓰기 방법 은 기본적으로 같 습 니 다. 다만 window. setTimeout 은 setTimeout 함 수 를 전체 window 대상 의 속성 으로 참조 할 수 있 습 니 다.
응용 예시:

function timeout(){      document.getElementById('res').innerHTML=Math.floor(Math.random()*100 + 1);  }  setTimeout("timeout()",5000);  

코드 가 실 행 될 때 5 초 후에 timeout () 함 수 를 호출 합 니 다.
 
setInterval 용법
setInterval 함수 의 매개 변수 와 용법 은 setTimeout 함수 와 마찬가지 로 위의 setTimeout 함수 의 용법 소 개 를 참조 하 십시오.다른 것 은 setInterval 이 일정 시간 마다 실행 중인 func 나 code 코드 입 니 다.
응용 예시:

var tt = 10;  function timego(){
tt--; 
 document.getElementById("tt").innerHTML = tt;
 if(tt==0){window.location.href='/';return false; }  }  
var timer = window.setInterval("timego()",1000);  

함수 timego () 는 페이지 요소 \ # tt 가 표시 하 는 내용 을 정의 합 니 다. tt 가 0 일 때 페이지 는 첫 페이지 로 향 합 니 다.그 다음 에 우 리 는 타이머 timer 를 정의 하고 setInterval () 을 사용 하여 1 초 에 한 번 씩 timego () 를 호출 합 니 다.이렇게 timego 는 10 회 실행 되 며, 매번 숫자 tt 는 0 까지 1 을 줄 입 니 다.그러면 타 이 머 를 멈 추 려 면 다음 코드 를 사용 하 십시오.

window.clearInterval(timer);  

코드 가 실 행 될 때 10 초 후에 페이지 가 첫 페이지 로 넘 어 갑 니 다.