공통 로딩바 기능 구현

[eunja511005]

5초 타임아웃 세팅

// 로딩바 타임아웃 설정
const LOADING_TIMEOUT = 5000; // 타임아웃 시간 (10초)
let loadingTimer; // 타임아웃 타이머

// 로딩바 표시 함수
function showLoadingBar() {
  var loadingContainer = document.getElementById('loadingContainer');
  loadingContainer.style.display = 'flex';
  loadingTimer = setTimeout(hideLoadingBar, LOADING_TIMEOUT);
}

// 로딩바 숨김 함수
function hideLoadingBar() {
  var loadingContainer = document.getElementById('loadingContainer');
  loadingContainer.style.display = 'none';
  clearTimeout(loadingTimer); // 타임아웃 타이머 제거
}

로딩바 다운로드

로딩바 html