| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- import {requestAnimationFrame, cancelAnimationFrame} from './../helpers/feature';
- /**
- * @class Interval
- * @util
- */
- class Interval {
- static create(func, delay) {
- return new Interval(func, delay);
- }
- constructor(func, delay) {
- /**
- * Animation frame request id.
- *
- * @type {Number}
- */
- this.timer = null;
- /**
- * Function to invoke repeatedly.
- *
- * @type {Function}
- */
- this.func = func;
- /**
- * Number of milliseconds that function should wait before next call.
- */
- this.delay = parseDelay(delay);
- /**
- * Flag which indicates if interval object was stopped.
- *
- * @type {Boolean}
- * @default true
- */
- this.stopped = true;
- /**
- * Interval time (in milliseconds) of the last callback call.
- *
- * @private
- * @type {Number}
- */
- this._then = null;
- /**
- * Bounded function `func`.
- *
- * @private
- * @type {Function}
- */
- this._callback = () => this.__callback();
- }
- /**
- * Start loop.
- *
- * @returns {Interval}
- */
- start() {
- if (this.stopped) {
- this._then = Date.now();
- this.stopped = false;
- this.timer = requestAnimationFrame(this._callback);
- }
- return this;
- }
- /**
- * Stop looping.
- *
- * @returns {Interval}
- */
- stop() {
- if (!this.stopped) {
- this.stopped = true;
- cancelAnimationFrame(this.timer);
- this.timer = null;
- }
- return this;
- }
- /**
- * Loop callback, fired on every animation frame.
- *
- * @private
- */
- __callback() {
- this.timer = requestAnimationFrame(this._callback);
- if (this.delay) {
- const now = Date.now();
- const elapsed = now - this._then;
- if (elapsed > this.delay) {
- this._then = now - (elapsed % this.delay);
- this.func();
- }
- } else {
- this.func();
- }
- }
- }
- export default Interval;
- export function parseDelay(delay) {
- if (typeof delay === 'string' && /fps$/.test(delay)) {
- delay = 1000 / parseInt(delay.replace('fps', '') || 0, 10);
- }
- return delay;
- }
|