カテゴリ

タグ 2

シチュエーション

出演日

連絡先メール

連絡先電話番号

出演形式

評価

プロフィール画像

出演者人数

ステータス

備考

ソーシャルメディアリンク

会場

規模

ページ表示設定

サービス

演者

ターゲット

トップページ

マジシャン

業種

PICK UP

種類

作成日時

名前

ランク

ヨミ

カスタム

実績

活動エリア

一言で言うと

企業名

ギャラリービュー

<div id="loading-screen">
  <div id="loading-text">Now Loading...</div>
  <div id="loading-percent">0%</div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const loadingScreen = document.getElementById("loading-screen");
  const percentText = document.getElementById("loading-percent");

  // === ページがTOP以外ならスキップ ===
  if (location.pathname !== "/" && location.pathname !== "/index.html") return;

  // === 他ページ→ブラウザバック対策 ===
  // 同一セッション内ですでにTOPを開いていたら表示しない
  if (sessionStorage.getItem("visitedThisSession")) {
    // ただし「リロード」なら再表示OK
    const navType = performance.getEntriesByType("navigation")[0]?.type;
    if (navType !== "reload") return;
  }

  // === 初回 or リロード時のみローディング実行 ===
  sessionStorage.setItem("visitedThisSession", "true");
  loadingScreen.style.display = "flex";

  let progress = 0;

  // HSV→RGB（虹色に変化）
//   function hsvToRgb(h, s, v) {
//     let f = (n, k = (n + h / 60) % 6) =>
//       v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
//     return [f(5), f(3), f(1)];
//   }

//   const interval = setInterval(() => {
//     progress += 1;
//     percentText.textContent = progress + "%";

//     const hue = (progress / 100) * 300;
//     const [r, g, b] = hsvToRgb(hue, 1, 1).map(x => Math.round(x * 255));
//     percentText.style.color = `rgb(${r}, ${g}, ${b})`;

// カウントアップ処理（黒固定）
  const interval = setInterval(() => {
    progress += 1;
    percentText.textContent = progress + "%";
    percentText.style.color = "#000"; // ← 黒に固定

    if (progress >= 100) {
      clearInterval(interval);
      setTimeout(() => loadingScreen.classList.add("fade-out"), 300);
      setTimeout(() => (loadingScreen.style.display = "none"), 1200);
    }
  }, 30);
});

// === ブラウザバック時にはローディング非表示 ===
window.addEventListener("pageshow", (event) => {
  if (event.persisted) {
    const loadingScreen = document.getElementById("loading-screen");
    if (loadingScreen) loadingScreen.style.display = "none";
  }
});
</script>

PAC

PAC

ACHIEVEMENT

PERFORMANCE

GALLERY