//loading要素 const loading = document.getElementById("LOADING"); function mainFinished() { document.querySelector("main").classList.add("main-active"); } document.addEventListener("DOMContentLoaded", mainFinished); const keyName = "visited"; const keyValue = true; if (!sessionStorage.getItem(keyName)) { sessionStorage.setItem(keyName, keyValue); //初回アクセス時の処理 //console.log("初めての訪問です"); loading.classList.add("loader-active"); //一連のアニメーションを終了まで待つ setTimeout(() => { loading.classList.add("finish"); }, 5000); //ロードが終わったらクラス付与する関数 function domFinished() { loading.classList.add("loaded"); } window.addEventListener("load", domFinished); } else { //通常アクセス時の処理 //console.log("通常アクセス"); }