запуск JavaScript после появления страницы css3, чтобы сделать анимацию более плавной?

Question

запуск JavaScript после появления страницы css3, чтобы сделать анимацию более плавной?

0

У меня есть javascript, который замедляет мою анимацию затухания страницы. Мне интересно, как можно предотвратить запуск javascript, пока мои анимации css3 не достигнут конца? Или, по крайней мере, запустить javascript через X секунд.

У тебя есть какой-нибудь совет? Я все еще новичок в JS, поэтому любые критики и отзывы приветствуются, поскольку я люблю изучать новости.

Я думал о добавлении всех скриптов после загрузки окна, но это действительно не помогает.

Заранее благодарю вас за отзывы,

The Javascript Noob 28 нояб. 2013, в 02:01

Источник

Теги:

javascript

html

css

2 ответа

0

Вы можете использовать.delay на Javscript, чтобы задерживать, как долго он срабатывает. http://api.jquery.com/delay/

APAD1 28 нояб. 2013, в 00:07

Ещё вопросы

nappySoft · Accepted Answer · 2013-11-28T00-48-00.000Z

В chrome вы можете попробовать: window.ontransitionend - для css-переходов window.onwebkitanimationend - для анимации css

Я использовал их в прошлом. Событие содержит имя класса анимации.

пример: css

@-webkit-keyframes doubleme {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(2);
    }
}
.tag:hover {
-webkit-animation: doubleme 1s;
}

javascript

window.onwebkitanimationend = function (event) {
  console.log(event.animationName,event.srcElement.className);
  // if correct animation
  // execute javascript
};

затем выполните javascript после того, как вы получите правильный конец анимации.