javascript setTimeout 定时器步进函数

Question

I am trying to create a function using a custom timer which will advance one frame of my animation I am running. I have the timer able to pause and resume at the moment, but I have not been able to figure out a way to get a step function working. My animation timeout delay is set at 25 ms.

Here is what I'm working with:

Delay = 25

    //This function is a custom timer that tracks the start time of a timeout and calculates the remaining time
    // in order to resume at the appropriate frame of animation.
function Timer(callback, delay) {
    var timerId, start, remaining = delay;

    this.pause = function() {
        window.clearTimeout(timerId);
        remaining -= new Date() - start;
        animate = false;
    };

    this.resume = function() {
        start = new Date();
        window.clearTimeout(timerId);
        timerId = window.setTimeout(callback, remaining);
        animate = true;
    };

    this.resume();
}

I appreciate any help that anyone can give me, I'm still learning and have never been good with timers or timer events.

UPDATE I managed to remedy my own problem! Here's what I ended up with overall.

//This function is a custom timer that tracks the start time of a timeout and calculates the remaining time
// in order to resume at the appropriate frame of animation.
function Timer(callback, delay){
    var timerId, start, remaining = delay;

    this.pause = function(){
        window.clearTimeout(timerId);
        remaining -= new Date() - start;
        animate = false;
    };

    this.resume = function(){
        start = new Date();
        window.clearTimeout(timerId);
        timerId = window.setTimeout(callback, remaining);
        animate = true;
    };

    this.step = function(){
        timer.pause();
        animate = false;
        advanceAnimation(true);
    };

    this.resume();
}

Answer 1

您可以使用 Interval 代替 Timeout，它会像一个步骤一样重复，直到调用 clearInterval() 为止。