1.0.0 • Published 1 year ago

vue-use-shared-tick v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Vue useSharedTick

Vue 3 hook run function in same setInterval

Installation

use npm

npm install vue-use-shared-tick --save

use yarn

yarn add vue-use-shared-tick

use pnpm

pnpm install vue-use-shared-tick

Usage

run function per second

<script setup>
import { ref } from "vue"
import useSharedTick from "vue-use-shared-tick"

const time = ref(Date.now())
const onTick = (t) => {
  time.value = t
}

useSharedTick(onTick)
</script>

<template>
  <div>Current Timestamp: {{ time }}</div>
</template>

run function per 3 second

useSharedTick(onTick, {tick: 3000})

API

useSharedTick

useSharedTick(handler: (t: number)=>void, param)

Handler

ParamTypeDescription
timestampnumbercurrent timestamp

Parameter

FieldTypeDefaultRequirementDescription
ticknumber1000NoRunning interval time
runOnTabVisiblebooleanfalseNowhen true will pause/start interval if visibilitychange event dispatched

License

The files included in this repository are licensed under the MIT license.