Приостановка запроса анимации кадров при нажатии на кнопку - PullRequest
0 голосов
/ 30 августа 2018

Возможно ли приостановить requestAnimationFrame? Когда я нажимаю на определенную кнопку, анимация должна быть приостановлена. И нажатием кнопки в другой раз анимация должна быть продолжена.

public addProgressbar() {
    const progressbar = $('.progressbar__value');
    const max = this.$progressMax;
    const time = (1000 / max) * 5;
    let start = null;
    this.progress = 0;

    const step = timestamp => {
        if (start === null) {
            start = timestamp;
        }
        this.progress = timestamp - start;
        progressbar[0].style.width = Math.min(this.progress / 50, 2000).toFixed() + '%';
        if (this.progress < 5000) {
            requestAnimationFrame(step);
        }
    };
    setTimeout(() => {
        window.requestAnimationFrame(step);
    }, 1000);
}
...