.hero-text { animation: fadeInOut 8000ms ease-in-out infinite; /* 切り替え時間8秒 */ } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 25%, 75% { opacity: 1; } }

const heroTextElement = document.getElementById('heroText'); const texts = ['Virtual Excitement', 'Destiny Rests in Yours']; let textIndex = 0; function updateHeroText() { heroTextElement.textContent = texts[textIndex]; textIndex = (textIndex + 1) % texts.length; } // 初回の実行 updateHeroText(); // 8秒ごとにテキストを更新 setInterval(updateHeroText, 8000);