>  기사  >  웹 프론트엔드  >  JavaScript SetInterval 사용법과 setTimeout_Basic 지식에 대한 자세한 설명

JavaScript SetInterval 사용법과 setTimeout_Basic 지식에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 17:15:011294검색

setTimeout과 setInterval의 구문은 동일합니다. 그들은 모두 두 개의 매개 변수를 가지고 있습니다. 하나는 실행될 코드 문자열이고 다른 하나는 코드가 실행될 후의 시간 간격(밀리초)입니다.
그러나 두 함수에는 차이가 있습니다. setInterval은 코드를 한 번 실행한 후 정해진 시간 간격 후에 자동으로 코드를 반복 실행하는 반면, setTimeout은 해당 코드를 한 번만 실행합니다.
차이점:
window.setTimeout("function",time);//시간 제한 개체 설정, 한 번만 실행, 주기 없음
window.setInterval("function",time);//a 설정 timeout 객체 Timeout 객체, 기간 = '상호작용 시간'
타이밍 중지:
window.clearTimeout(object) setTimeout 객체 지우기
window.clearInterval(Object) setInterval 객체 지우기

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

PerRefresh();

function PerRefresh() {
var today = new Date();
Alert("시간: " today.toString());
setTimeout("showTime()", 5000);
}

PerReflesh 함수가 호출되면 5초마다 시간이 표시됩니다.
코드 복사 코드는 다음과 같습니다.

setInterval("PerRefresh()", 5000);

function PerRefresh() {
var today = new Date();
Alert(" 시간 is: " today.toString());
}

그리고 setInterval은 호출하는 함수에 구속되지 않습니다. 단순히 특정 시간에 반복적으로 실행하는 함수입니다.
setInterval("PerRefresh()", 5000) 함수가 호출되는 한 PerRefresh 함수는 5초마다 실행됩니다.
정확한 시간 간격마다 정확하게 작업을 수행해야 하는 경우 setInterval을 사용하는 것이 가장 좋습니다. 특히 각 함수 호출에는 많은 계산과 긴 처리가 필요하므로 지속적인 호출로 인해 상호 간섭이 발생하지 않도록 해야 합니다. 시간이 지나면 setTimeout을 사용하는 것이 좋습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.