>  기사  >  웹 프론트엔드  >  JavaScript 연구 노트(15) js 간헐적 호출 및 시간 초과 호출_기본 지식

JavaScript 연구 노트(15) js 간헐적 호출 및 시간 초과 호출_기본 지식

WBOY
WBOY원래의
2016-05-16 17:52:311118검색

1. 시간 초과 후 setTimeout() 호출
setTimeout() 메서드는 두 개의 매개변수를 허용합니다. 첫 번째 매개변수는 함수이고 두 번째 매개변수는 시간(마이크로초 단위)이며 숫자 ID를 반환합니다

코드 복사 코드는 다음과 같습니다.

setTimeout( function () {
alert("Hello!") ;
},1000);

호출하기 전에clearTimeout()을 취소하고 매개변수 시간 초과 호출 ID를 수락하세요.
코드 복사 코드는 다음과 같습니다.

var timeOutId = setTimeout( function () {
alert("Hello!");
},1000);

clearTimeout(timeOutId);

2. 간헐적으로 setInterval() 호출
setInterval() 메소드는 두 개의 매개변수를 허용하며, 첫 번째 매개변수는 함수이고 두 번째 매개변수는 시간(단위: 마이크로초), 숫자 ID 반환
코드 복사 코드는 다음과 같습니다.

setInterval( function () {
alert("Hello!");
},1000);

clearInterval() 호출을 취소하고 매개변수 간헐 호출을 허용합니다. ID
코드 복사 코드는 다음과 같습니다.

var IntervalId = null; varspan = document.createElement("span"); //스팬 노드 생성
span.Id="time"; //스팬 ID 설정
document.body.appendChild(span); body
function incrementNumber () {
var now = new Date();
var timeStr = now.toLocaleTimeString()
span.innerText =timeStr
num
(num == 10) {
clearInterval(intervalId ); //10초 후에도 시간은 변경되지 않습니다.
}
}
intervalId = setInterval(incrementNumber,1000); >
3. 간헐적인 호출 대신 타임아웃 호출을 사용해 보세요


코드 복사 코드는 다음과 같습니다. var num = 0;
var max = 10;
function incrementNumber() {
num
if (numsetTimeout(incrementNumber,1000) );
} else {
alert("확인");
}
}
setTimeout(incrementNumber,1000);
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.