출처: [함수] JS로 간단한 로딩 메세지 띄우고, 감추기
https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=47481
페이지 로딩 지연시, 로딩중 메세지를 띄우는 방법
<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>