>  기사  >  웹 프론트엔드  >  JavaScript 타이머의 setTimeout() 및 setInterval()에 대한 자세한 설명

JavaScript 타이머의 setTimeout() 및 setInterval()에 대한 자세한 설명

黄舟
黄舟원래의
2017-08-20 10:12:381639검색

이 글에서는 주로 JavaScript 타이머 setTimeout() 및 setInterval() 관련 정보를 자세히 소개합니다. 이는 특정 참조 값을 가지고 있으므로 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예제는 JavaScript 타이머를 모든 사람과 공유합니다. 구체적인 내용은 다음과 같습니다

1. 타임아웃 호출 setTimeout()

이름에서 알 수 있듯이 타임아웃 호출은 일정 시간(몇 밀리초 동안 기다려야 실행되는지) 후에 호출하는 것을 의미합니다. code)

setTimeout()은 두 개의 매개변수를 받을 수 있습니다:

1. 실행할 코드 또는 함수

2. 밀리초(코드를 실행하기 전에 기다려야 하는 밀리초)


function test(){
  alert("孙悟空");
}
setTimeout(test,2000);  //2s后弹出 “孙悟空”

clearTimeout()

clearTimeout, 실행되지 않은 호출을 취소하는 데 사용할 수 있는 타이머 지우기를 나타냅니다.


var timmer=function test(){
  alert("孙悟空");
}
setTimeout(test,2000); //2s后弹出 “孙悟空”    
clearTimeout(timmer); //取消定时器,因为前者在两秒后调用,调用之前已经取消相当于什么也没发生

2. 간헐적 호출 setInterval()

간헐적 호출은 지정된 시간 내에 코드를 반복적으로 실행하는 것입니다.

setInterval() 또한 이전과 동일한 두 개의 매개변수를 받습니다:

1. 실행할 코드 또는 함수

2. 밀리초(기다릴 시간은 몇 밀리초입니까?)


function test(){
  alert("孙悟空");
}
setInterval(test,2000);  //每隔2s后弹出一次 “孙悟空”

clearInterval()

clearInterval()은clearTimeout()과 동일한 방식으로 사용되며 클리어 타이머 메서드이기도 합니다


var num=0;
var max=10;
function test(){
  num++;
  if (num==max){
    clearInterval(timer);  //累加到10时清除清定时器
    alert("这里有"+num+"个孙悟空");  //这里有10个孙悟空
  }
}
timer=setInterval(test,500);

위의 예에서 변수 num은 0.5초마다 증가합니다. 이전에 설정된 타이머는 최대값까지 증가하면 지워집니다(간헐적 호출).

이 모드는 시간 초과 호출을 사용하여 구현할 수도 있습니다


var num=0;
var max=10;
function test(){
  num++;
  if (num<max){
    setTimeout(test,500);
  }else{
    alert("这里有"+num+"个孙悟空")
  }
}
setTimeout(test,500);

위 내용은 JavaScript 타이머의 setTimeout() 및 setInterval()에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.