웹문서 로딩 상태 실시간으로 체크하기 - document.readyState

 

 

 

 

function stateCheck(e) {
	let status = e.target.readyState;
    let msg = '';
    switch (status) {
    	case 'loading':
        msg = '웹문서 로딩중';
        break;
        
        case 'interactive' :
        msg = '웹문서 로딩완료, 리소스 로딩중';
        break;
        
        case 'complete' :
        msg = '모든 리소스 로딩 완료'
        break;
        
        default :
        msg = '상태를 체크할 수 없습니다.'
    
    }
    
    console.log(`now : ${msg}`)

}
document.addEventListener('readystatechange', stateCheck );

 

 

 

https://developer.mozilla.org/ko/docs/Web/API/Document/readyState

Document.readyState - Web API | MDN

 

https://developer.mozilla.org/ko/docs/Web/API/Document/readystatechange_event

Document: readystatechange event - Web API | MDN