JavaScript SetInterval 과 setTimeout 의 사용 방법 에 대한 상세 한 설명

setTimeout 과 setInterval 의 문법 은 같 습 니 다.두 개의 인자 가 있 습 니 다. 하 나 는 실행 할 코드 문자열 이 고 하 나 는 밀리초 단위 의 시간 간격 입 니 다. 그 시간 이 지나 면 그 코드 를 실행 합 니 다.
그러나 이 두 함 수 는 차이 가 있 습 니 다. setInterval 은 코드 를 한 번 실행 한 후에 그 고정된 시간 간격 을 거 쳐 코드 를 자동 으로 반복 합 니 다. setTimeout 은 그 코드 를 한 번 만 실행 합 니 다.
구별:
window.setTimeout("function",time)；//시간 초과 대상 을 설정 하고 한 번 만 실행 하 며 주기 가 없습니다.
window.setInterval("function",time)；//시간 초과 대상, 주기 = '대화 시간' 을 설정 합 니 다.
정지 시간:
window. clearTimeout (대상) 설정 한 setTimeout 대상 제거
window. clearInterval (대상) 설정 한 setInterval 대상 제거

 
  
PerRefresh(); 
  
 
  
function PerRefresh() { 
  
     var today = new Date(); 
  
     alert("The time is: " + today.toString()); 
  
     setTimeout("showTime()", 5000); 
  
} 
  
 
 

 이 함수 PerReflesh 를 호출 하면 5 초 마다 시간 이 표 시 됩 니 다.

 
  
setInterval("PerRefresh()", 5000); 
  
 
  
function PerRefresh() { 
  
     var today = new Date(); 
  
     alert("The time is: " + today.toString()); 
  
} 
  
 
 

그러나 setInterval 은 자신 이 호출 한 함수 에 얽 매 이지 않 고 일정 시간 마다 그 함 수 를 반복 해서 실행 할 뿐이다.
setInterval ("PerRefresh ()", 5000) 함 수 를 호출 하면 5 초 마다 PerRefresh 함 수 를 실행 합 니 다.
만약 에 일정한 시간 간격 을 두 고 특정한 동작 을 정확하게 실행 하 라 고 요구한다 면 setInterval 을 사용 하 는 것 이 좋 습 니 다. 연속 호출 로 인해 서로 간섭 하 는 문제 가 발생 하지 않 으 려 면 특히 매번 함수 호출 에 힘 든 계산 과 긴 처리 시간 이 필요 하 다 면 setTimeout 을 사용 하 는 것 이 좋 습 니 다.
setInterval 은 clearInterval 을 호출 하여 타이머 대상 을 제거 할 때 까지 지정 코드 를 계속 실행 합 니 다.
setTimeout 에서 지정 한 코드 를 실행 하고 clearTimeout 을 사용 하여 타이머 대상 을 제거 합 니 다.
setInterval 과 setTimeout 은 타이머 대상 식별 자 를 되 돌려 줍 니 다. clearInterval 과 clearTimeout 호출 에 사용 합 니 다.