trading-vue3-js/src/stuff/frame.js

Customizable charting lib for traders. Based on https://github.com/C451/trading-vue-js by C451.

// Annimation frame with a fallback for
// slower devices

import Utils from './utils.js'

export default class FrameAnimation {
    constructor(cb) {

        this.t0 = this.t = Utils.now()
        this.id = setInterval(() => {
            // The prev frame took too long
            if (Utils.now() - this.t > 100) return
            if (Utils.now() - this.t0 > 1200) {
                this.stop()
            }
            if (this.id) cb(this)
            this.t = Utils.now()
        }, 16)
    }
    stop() {
        clearInterval(this.id)
        this.id = null
    }
}