import { GetTickerTime } from '../GetTickerTime';
import { Motion } from './Motion';

export class Interval extends Motion
{
    private _startTimeMs: number;
    private _duration: number;

    constructor(target: HTMLElement, duration: number)
    {
        super(target);

        this._complete = false;
        this._duration = duration;
    }

    public get duration(): number
    {
        return this._duration;
    }

    public start(): void
    {
        super.start();

        this._complete = false;
        this._startTimeMs = GetTickerTime();
    }

    public tick(time: number): void
    {
        super.tick(time);

        const elapsed = ((time - this._startTimeMs) / this._duration);

        if(elapsed < 1)
        {
            this.update(elapsed);
        }
        else
        {
            this.update(1);

            this._complete = true;
        }
    }
}