javascript setTimeout 과 setInterval 의 시간 차 이 를 자세히 설명 합 니 다.

setTimeout 방법 은 타 이 밍 프로그램 입 니 다.즉,언제 이후 에 무엇 을 하 는 지 입 니 다.다 했 으 면 그만 두 어 라.setInterval 방법 은 일정 시간 간격 으로 어떤 조작 을 반복 하 는 것 을 나타 낸다.setTimeout 으로 setInerval 기능 을 수행 하려 면 실행 중인 프로그램 에서 자신 을 정시 에 호출 해 야 합 니 다.계산 기 를 지 우려 면 사용 하 는 방법 에 따라 다른 제거 방법 을 사용 해 야 합 니 다.예 를 들 어(1):


t=setTimeout('northsnow()',1000);
clearTimeout(t);
(2)：
t=setInterval('northsnow()',1000);
clearInteval(t);
setTimeout()

문법


var t=setTimeout("javascript  ",  );

의 첫 번 째 매개 변 수 는 JavaScript 문 구 를 포함 한 문자열 입 니 다.이 문 구 는"alert('5 seconds!')"와 같 을 수 있 습 니 다.또는 함수 호출,예 를 들 어 alertMsg()".두 번 째 매개 변 수 는 현재 부터 몇 밀리초 후에 첫 번 째 매개 변 수 를 실행 하 는 지 표시 합 니 다.알림:1000 밀리초 는 1 초 입 니 다.
예 를 들 어 다음 예 에서 단 추 를 누 르 면 알림 상자 가 5 초 후에 팝 업 됩 니 다.


<html>
  <head>
<script type="text/javascript">
function timedMsg() {
 var t=setTimeout("alert('5 seconds!')",5000);
 }
</script>
  </head>
  <body>
    <form>
      <input type="button" value="    !" onClick="timedMsg()">
    </form>
  </body>
</html>

setInterval()setInterval()방법 은 지정 한 주기(밀리초 단위)에 따라 함수 나 계산 식 을 호출 할 수 있 습 니 다.setInterval()방법 은 clearInterval()이 호출 되 거나 창 이 닫 힐 때 까지 함 수 를 계속 호출 합 니 다.setInterval()에서 되 돌아 오 는 ID 값 은 clearInterval()방법의 인자 로 사용 할 수 있 습 니 다.문법 setInterval(code,millisec[,"lang"])인 스 턴 스


<html>
<head>
  <meta charset="utf-8"/>
  <title>setInterval   -      </title>
</head>
<body>
<script language="javascript">
  function endo(){
    alert("  ");
  }
  window.setInterval('endo()',5000);
</script>
</form>
<p> (c) Endige.net </p>
</body>
</html>

전송 방법 은 window.setTimeout 이 든 window.setInterval 이 든 함수 명 을 호출 핸들 로 사용 할 때 매개 변 수 를 가 져 갈 수 없고 많은 경우 에 매개 변 수 를 가 져 가 야 합 니 다.이 는 여러 가지 방법 으로 해결 해 야 합 니 다.예 를 들 어 함수 hello(name)사용자 이름 에 환영 메 시 지 를 표시 하 는 데 사 용 됩 니 다.


var userName="jack";
//           
function hello(_name){
  alert("hello,"+_name);
}

이 때 다음 문 구 를 사용 하여 hello 함수 의 3 초 실행 을 지연 시 키 려 면 실행 할 수 없습니다.window.setTimeout(hello(userName),3000).이것 은 hello 함 수 를 즉시 실행 하고 반환 값 을 호출 핸들 로 setTimeout 함수 에 전달 합 니 다.그 결 과 는 프로그램 이 필요 로 하 는 것 이 아 닙 니 다.문자열 형식 을 사용 하면 원 하 는 결 과 를 얻 을 수 있 습 니 다.이 문자열 은 자바 스 크 립 트 코드 이 고 userName 은 변 수 를 표시 합 니 다.그러나 이런 표기 법 은 직관 적 이지 못 하고 어떤 경우 에는 함수 명 을 사용 해 야 한다.다음은 작은 기법 으로 매개 변수 함수 호출 을 실현 한다.


<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//           
function hello(_name){
  alert("hello,"+_name);
}
//      ，           
function _hello(_name){
  return function(){
    hello(_name);
  }
}
window.setTimeout(_hello(userName),3000);
//-->
</script>

여기 서 함수 를 정의 했다.hello 는 매개 변 수 를 받 고 매개 변수 가 없 는 함 수 를 되 돌려 줍 니 다.이 함수 내부 에 외부 함수 의 인 자 를 사용 하여 호출 합 니 다.인 자 를 사용 할 필요 가 없습니다.window.setTimeout 함수 에서 사용hello(userName)는 매개 변수 가 없 는 함수 핸들 을 되 돌려 매개 변수 전달 기능 을 실현 합 니 다.A.실행 할 방법 에 인자 가 필요 하지 않 을 때


<script type=”text/javascript”> 
//    ，  3      showalert（） 
window.setInterval(showalert, 3000);
function showalert() {
  alert(“  ”); 
}
//    ，5    show()
window.setTimeout(show,5000);
function show() {
  alert(“Hello”);
}
</script>

B.실행 할 방법 에 인자 가 필요 할 때


<script type=”text/javascript”> 
//    ，  3       showalert（）
window.setInterval(function(){ 
  showalert(“  ！”); 
}, 3000); 
function showalert(mess) { 
  alert(mess); 
} 
//    ，5    showalert()
window.setTimeout(function(){ 
  showalert(“Hello”);
},5000); 
</script>

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

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

vue에서 setTimeout을 사용하여 현재 라우팅에서 제거되지 않은 문제를 해결합니다.

첫 번째 페이지에서 두 번째 페이지로 이동한 후 두 번째 페이지에 머무르면 타이머가 실행됩니다.두 페이지 사이를 왔다 갔다 하면 타이머의 간격보다 낮을 때 setTimeout을 반복해서 만드는 경우도 있습니다. 우리...

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

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

javascript setTimeout 과 setInterval 의 시간 차 이 를 자세히 설명 합 니 다.

좋은 웹페이지 즐겨찾기