JQuery 페이지 로딩 처리

JQuery 페이지 로딩 처리

 

js 파일

pageLoader.min.js

0.00MB

css 파일

pageLoader.min.css

0.01MB

 

사용법

 

1. html에 아래 영역 추가

<!-- 페이지 로딩 영역 -->
<div id="pageLoader" class="pageLoader" style="display: none;"></div>

 

2. 영역 활성화, 페이지 로딩 띄우기

$("#pageLoader").show();     
$.pageLoaderStart({
// timeToHide : 30000, // 로딩중에 걸리는 시간, 1000은 1초
        bgColor : '#e8e8e8',
        spinner : "spinner6"
    });

 

3. 페이지 로딩 종료

$.pageLoaderEnd({
timeToHide : 100, // 로딩중에 걸리는 시간, 1000은 1초       
        spinner : "spinner6"
    });

 

 

 

참고 

https://github.com/joaopereirawd/fakeLoader.js

joaopereirawd/fakeLoader.js

 

 

 

끘!@#$%^ㅛ