Настройка времени ожидания анимации JavaScript анимации

Question

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

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

Спасибо!

Answer 1

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