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

[Anonymous]

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

В чем текущая проблема?
Когда я загружаю главную веб-страницу, Javascript не воспринимает то, что она загружена, и поэтому не дает команду воспроизводить анимацию, в результате чего появляется постоянный черный цвет. экран.

Желаемое поведение
На данный момент я пытаюсь закончить 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]