Vue 3 hook run function in same setInterval
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
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})useSharedTick(handler: (t: number)=>void, param)| Param | Type | Description |
|---|---|---|
| timestamp | number |
current timestamp |
| Field | Type | Default | Requirement | Description |
|---|---|---|---|---|
| tick | number |
1000 |
No |
Running interval time |
| runOnTabVisible | boolean |
false |
No |
when true will pause/start interval if visibilitychange event dispatched |
The files included in this repository are licensed under the MIT license.