quasar/src/composables/use-interval/use-interval.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { onDeactivated, onBeforeUnmount, getCurrentInstance } from 'vue'

import { vmIsDestroyed } from '../../utils/private.vm/vm.js'

/*
 * Usage:
 *    registerInterval(fn[, delay])
 *    removeInterval()
 */

export default function useInterval() {
  let timer = null
  const vm = getCurrentInstance()

  function removeInterval() {
    if (timer !== null) {
      clearInterval(timer)
      timer = null
    }
  }

  onDeactivated(removeInterval)
  onBeforeUnmount(removeInterval)

  return {
    removeInterval,

    registerInterval(fn, delay) {
      removeInterval(timer)

      if (vmIsDestroyed(vm) === false) {
        timer = setInterval(fn, delay)
      }
    }
  }
}