Как сделать так, чтобы анимация постепенного появления воспроизводилась только при первом открытии сайта и для определен ⇐ Javascript

[Anonymous]

Сейчас я работаю над прототипом небольшого блога с рассказами. Я хочу подчеркнуть настроение сайта с помощью медленного постепенного появления, которое затем дает пользователю короткий вводный абзац, который нужно прочитать, прежде чем он действительно перейдет на сайт.
На данный момент я пытаюсь закончить JavaScript, который запускает анимацию в двух ситуациях:

• Когда вы первоначально загружаете веб-сайт
• Когда вы нажимаете на заголовки историй.

Вот мой текущий Код JavaScript:

Код: Выделить всё

/*Text-Crawl*/

/*Function that grabs the css animations needed*/
function TextCrawlFadeIn(){
if (!window.AnimationEvent) { return; }
var fader = document.getElementById('Text-Crawl');
fader.classList.add('Text-Crawl-fade-out');
}

/*My attempt at having the script recognise the DomContentloader*/
document.addEventListener('DOMContentLoaded', (event) => {
if (!window.AnimationEvent) { return; }

for (var idx=0; idx

Подробнее здесь: [url]https://stackoverflow.com/questions/79855300/how-do-i-make-my-fade-in-animation-only-play-when-you-first-open-the-site-and-fo[/url]