[Javascript] - 페이지 로딩 소스
Javascript 2011. 6. 28. 18:17반응형
<title>페이지 로딩 </title>
<!-- 로딩이 되면 로딩창이 사라져버립니다. -->
<script type="text/javascript">
function loading(){
if(document.getElementById("loading").innerHTML < 100){
document.getElementById("loading").innerHTML++;
setTimeout("loading()","10"); // 오른쪽에 1씩오르는 주기를 써줍니다. 1000 = 1초 , [10권장]
}else{
document.getElementById("load").style.display="none";
document.getElementById("wrapper").style.display="";
// 쿠키사용으로 다른페이지로 이동할수잇지만 저는 Style 보여주기를 했습니다.
}
}
</script>
</head>
<body onload="loading()">
<span id="loading">0</span>% / 100%
내용
</body>
반응형
'Javascript' 카테고리의 다른 글
| [Javascript] - 동영상 제어 (0) | 2011.06.29 |
|---|---|
| [Javascript] - 슬라이딩 터치 (0) | 2011.06.28 |
| [Javascript] - 달력(심플) (0) | 2011.06.28 |
| [Javascript] - 레이어 Fade In & Fade Out (0) | 2011.06.28 |
| [Javascript] - 클릭시 펼침 메뉴 (0) | 2011.06.28 |