Settimeout тормозит анимации?

Question

[Outoverlay]

Вопрос больше на теорию. Написал код который перемещает туда сюда элементы, скрывает их и наоборот показывает.
И паузы между анимацией в виде setTimeout. И начал замечать небывалые тормоза в потере кадров.
Может стоит посмотреть в сторону requestanimationframe?

Answer 1

[Андрей]

нет. Сеттаймаут не тормозит. Вы просто не правильно сделали. Надо просто все анимации выложить в карту сходу hrefArray = new Array и уже далее по сеттаймауту листать (они все не будут запрашиваться а отдаваться из кеша браузера) недавно решал такую проблему.

Comments

[Outoverlay]

Можно ссылочку на более подробную информацию или примеры

[Outoverlay]

Андрей: я имел введу ссылку на примеры с кодом или документацией

[Андрей]

Outoverlay: таким же образом всё за раз выгружаете и клиенту при заходе это падает в кеш и оттуда меняеться в чём проблема?

[Outoverlay]

Андрей: что должно быть в массиве?

[MNB]

Андрей:
> отдаваться из кеша браузера
весьма спорное утверждение.

Outoverlay: вы ответили сами на свой вопрос: requestAnimationFrame

[Андрей]

Outoverlay: ну я показал что у нас сразу все баннера выгружаються туда. Грубо говоря называеться карта=) Я же незнаю что вы там точно меняете на что вот как раз что показываеться и на что меняеться сходу выгружайте в карту и по сетттаймауту уже из карты меняйте.

[Андрей]

MNB: смотря скоко анимаций скоко вес и тд и тп. Но решение хорошее. (Не думаю что у автора сильно напряжно там всё).

[Outoverlay]

Андрей: мне туда функции надо объекты с анимацией грузить?

[Outoverlay]

Андрей: проблема в том, что анимация работает динамически, то есть множество эффектов зависит от пользователя, смотря, что он сделает.

[Outoverlay]

Андрей: там пиздец че.

[Андрей]

Outoverlay: можно и так да. смотрите выше ответ. Если там всё сильно напряжно то может и не подойдёт решение но мне кажеться у вас там неочём. Но если напряжно то всё верно requestAnimationFrame (но я не юзал не приходилось).

[Outoverlay]

Андрей: в 300 строк

[Андрей]

Outoverlay: если динамически то requestAnimationFrame

[Outoverlay]

Андрей: модальные окна, динамический показ меню, разных категорий и т.д и т.п.

[Outoverlay]

Андрей: ладно, я понял. Надеюсь исправлю. Странно, то что потеря кадров, только при первом использовании анимации, если же использовать ее повторно, то потери кадров нет. Во всяком случае, я не видел.

[Андрей]

Outoverlay: раз так много на скоко я помню что requestanimationframe т.к. он снизит и нагрузку на проц клиента и как раз таки издержки(потерю анимации) компенсирует.

[Outoverlay]

Андрей: неа, это не помогло. С помощью requestanimationframe я создал функцию delay, эмулирующую setTimeout. Но потеря в кадрах осталась.

[Андрей]

Outoverlay: тяжело так сказать конечно. Глазом бы лупануть хоть.

[Outoverlay]

Андрей: а может это вообще css анимация тормозит, потому, что в firefox, я этого не замечал. Дело в том, что при клике, меняется class, элемента, и этот класс, перемещает элемент, в другую часть экрана? Возможно, что это из-за css?