Подскажите, как правильно организовать анимацию на js?
Мне нужно анимировать переход цвета в течении ровно 2500мс со скоростью 60fps
Почему в данном случае console.log() выполняется то за 3000мс то за 2700?
Тыкинте мордой, как сделать предсказуемое время выполнения?
var time = 2500;
var interval = setInterval(function() {
if(step < time) {
var percentage = step / time;
percentage = percentage > 1 ? 1 : percentage;
var color = blendColors(fromColor, toColor, percentage);
makeAnimation(color);
step += 1000 / 60;
} else {
var e = new Date();
console.log((e.getTime() - s.getTime()) / 1000);
clearInterval(interval);
}
}, 1000 / 60);