본문 바로가기

Javascript

[Javascript] 로딩 중 메세지 띄우고 없애기

출처: [함수] JS로 간단한 로딩 메세지 띄우고, 감추기

https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=47481

 

WWW.PHPSCHOOL.COM

개발자 커뮤니티 1위 PHPSCHOOL.COM 입니다.

www.phpschool.com

페이지 로딩 지연시, 로딩중 메세지를 띄우는 방법

<body>태그 바로 밑에만 다음 코드를 넣으면 된다.

<script>
        function loading_st() {
            var ct_left = (parseInt(window.screen.width) - 450) / 2;
            var ct_top = (parseInt(window.screen.height)) / 3;
            layer_str = "<div id='loading_layer' style='position:absolute; background-color:; font-size:15px; left:" + ct_left + "px; top:" + ct_top + "px; width:400px; height:; padding:50px; text-align:center; vertical-align:middle; z-index:1000; font-weight: bold;'>로딩중입니다.</div>"
            document.write(layer_str);
        }
        function loading_ed() {
            var ta = document.getElementById('loading_layer');
            ta.style.display = 'none';
        }
        loading_st();
        window.onload = loading_ed;
</script>