меня кроме прелоадера есть анимация, прописанная кейфремсом с задержкой условно 1 секунда. И пока я показываю прелоадер через сеттаймаут 1.5 секунды моя анимация уже проигрывается, то есть ее не видно. как мне сделать что анимацию было видно?
увеличь задержку в анимации на 1,5+1 = 2,5) или попробуй показать сам блок через setTimeout. Или запусти анимацию с помощью js через setTimeout.
мне только это и пришло в голову. думал есть какой-то изысканный способ , чтобы все анимации не переписывать. Но погуглив обнарудил что событий когда -дерево загрузился а стили еще нет не существует
блок с анимацией, или всю страницу в блок затолкать кроме прелоадера и уже показывать как блок через setTimeout ?
А какой смысл от проигрования загрузки тогда, если все закатать)
пишеш одну функцию на сетТаймаут и в качестве елемента передаешь все свои блоки с анимацией и в теле с ними работаешь
Лови примерно так let box = document.querySelector('.Блок с анимайией'); function observer(e){ setTimeout(setTime(e), 1000); } function setTime(e){ // сам код показа анимации } observer(box);
Обсуждают сегодня