Можно каким-то образом получить оставшееся время в конкретный момент времени от .animate()?

Question

[sorry_i_noob]

Допустим, есть такой код:

$p.animate({
    'background-color': 'red',
    'color': 'green',
    'padding': '10px'
}, 1000);

Я хочу дальше по щелчку мыши, например, остановить .animate() и узнать оставшееся время, чтобы запустить другой animate - который будет откатывать изменения первого.
Как остановить я знаю. А вот как получить оставшееся время? Или хотя бы время, которое прошло после начала анимации (я вычту его из 1000)?

Answer 1

[BATPYIIIKOB]

var time = performance.now();
// некий код
time = performance.now() - time;
console.log('Время выполнения = ', time);

Comments

[sorry_i_noob]

Спасибо. Я написал ваш код:

$(function () {
        let time = performance.now();

        setTimeout(function() {
            let passed_time = performance.now() - time;
            console.log('Время выполнения = ', passed_time);
        }, 500);
});

Он возвращает время с небольшой прогрешностью. Часто - до 1 мс. Но бывает и возвращает больше 1 мс, вот, например: 501.189999980852.

От этой погрешности (больше 1 мс) нельзя избавиться, да?

[BATPYIIIKOB]

sorry_i_noob, думаю нельзя. Здесь может быть несколько факторов влияния на время выполнения кода.

Answer 2

[Пашенька]

В $.animate есть метод step с аргументами, один из которых прогресс