vue-digital-flop v1.0.4

vue-digital-flop

It's a vue component that will count to a target number at a specified duration.

vue-digital-flop is a dependency-free, lightweight vue component that can be overwrited easingFn by yourself. You can set startVal and endVal ,it will automatic judge count up or count down.If you set isFrequent and frequentTime, it will automatic judge count up or count down frequently. It is support vue-ssr. It is learn from countUp.js;

Try the demo

How to use?

npm install vue-digital-flop

Example

<template>
	<vue-digital-flop :startVal="startVal" :endVal="endVal" :duration="3000" />
</template>

<script>
import vueDigitalFlop from "vue-digital-flop";
export default {
	components: { vueDigitalFlop },
	data() {
		return {
			startVal: 0,
			endVal: 2021,
		};
	},
};
</script>

demo:

Use CDN Script: demo

Options

notes: when autoplay:true , it will auto start when startVal or endVal change

notes: when isFrequent:true, but you don't set frequentTime, it will auto frequently play every 5000 milliseconds.

Functions