웹페이지가 로딩 중일 때 페이지에 진행률 표시줄이 표시되고 로딩이 완료된 후 웹페이지 내용이 표시됩니다._javascript 기술

인터넷에는 많은 웹페이지 로딩 진행률 표시줄이 있지만 대부분 고정된 시간이 있습니다.
아래의 많은 양의 데이터를 쿼리할 때 웹페이지가 느리게 로드됩니다. 웹페이지가 로드되면 진행률 표시줄이 사라지고 로드된 웹페이지의 내용이 표시됩니다. .

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

스크립트 언어= VBScript>
Dim Bar, SP
Bar = 0
SP = 100
Function Window_onLoad()
Bar = 95
SP = 10
함수 종료
함수 개수()
if Bar Bar = Bar 1
setTimeout "Count()", SP
else
document.getElementById("jdt").style. display=" none"
document.getElementById("content").style.display=""
end if
End Function
Call Count()
>

진행률 표시줄이 여기에 표시되며 동적 사진도 배치할 수 있습니다.

웹페이지에 실제로 표시되는 콘텐츠

------ ----- --------------
가장 쉬운 웹페이지가 로드된 후 이미지를 숨기고 웹페이지 내용을 표시하는 것입니다.

코드를 복사하세요 코드는 다음과 같습니다: text/css">

#loadDiv {

위치: 절대;
z-index:999;
너비:표현식(document.body.clientWidth);
높이:표현식(document .body.clientHeight);
배경색:#FFFFFF;
text-align:center;
padding-top:200px;
;div id="loadDiv"> 로드 중...

------ -------------- ------------------




코드 복사

코드는 다음과 같습니다.

<script> </script>함수 Loaded() { document.getElementById ("loadDiv").style.display="none"

document.getElementById("content").style.display=""

}

로드 중...