JS_Basic 지식에서 setTimeout()과 setInterval()이 호출되어 실행될 때의 사용법

function test() {
for (var i = 0; i < 500000; i ) {
var div = document.createElement('div');
div.setAttribute ('id', 'testDiv');
document.body.appendChild(div);
document.body.removeChild(div);
}
}
setInterval(test, 10 );
var num = 0;
var I = SetInterval (function () {
Num;
var date = new date (); ':' date.getSeconds() ':' 날짜 >

결과를 확인하기 위해 다른 예정된 작업을 추가했습니다

:22:631
:25:888
:28:712
:32:381
:34:146
:35:565
:37:406


이제 효과는 확실한데, 간격은 더욱 작아졌습니다. 3초가 넘는데, 간격이 매우 불규칙합니다.
자바스크립트는 타임라인에서 실행되는 것으로 생각할 수 있습니다. 페이지가 로드되면 가장 먼저 실행되는 것은 페이지 수명 주기에서 나중에 사용할 메서드와 변수 선언, 데이터 처리입니다. 그 후 JavaScript 프로세스는 더 많은 코드가 실행될 때까지 기다립니다. 프로세스가 유휴 상태이면 다음 코드 조각이 트리거됩니다

주요 JavaScript 프로세스 외에도 다음 번 프로세스가 유휴 상태일 때 실행되는 코드 대기열도 필요합니다. 페이지 수명 주기가 진행됨에 따라 코드는 실행 순서대로 대기열에 추가됩니다. 예를 들어 버튼을 누르면 해당 이벤트 핸들러가 대기열에 추가되고 다음 가능한 시간에 실행됩니다. Ajax 응답이 수신되면 콜백 함수 코드가 대기열에 추가됩니다. JavaScript의 코드는 즉시 실행되지 않지만 프로세스가 유휴 상태가 되는 즉시 실행됩니다. 타이머가 대기열에서 작동하는 방식은 특정 시간이 경과할 때 코드가 삽입된다는 것입니다. 이는 코드가 즉시 실행된다는 의미가 아니라 가능한 한 빨리 실행된다는 의미일 뿐입니다.