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을 사용하는 것이 좋습니다.