@hansuhhi-don/number-frame v0.0.6

TODO: README

Getting Started

• Basic Use

<div id='app' />

import NumberFrame from '@hansuhhi-don/number-frame';

const numberFrame = new NumberFrame({
  from: -200,
  to: 2022,
  duration: 4044,
  element: document.getElementById("app"),
});

setTimeout(() => {
    numberFrame.start();
}, 1000);

When you open the page some changes have happened.

• Vue

import { NumberFrame } from "@hansuhhi-don/number-frame";
import { defineComponent, onMounted, ref } from "vue";

const nf = new NumberFrame({
  from: 0,
  to: 2022,
  duration: 2000,
});

export default defineComponent({
  setup: () => {
    const num = ref(0);

    onMounted(() => {
      nf.start(() => (num.value = nf.number));
    });
    return () => {
      return <p>{num.value}</p>;
    };
  },
});

This is a demo in my project

API

• NumberFrame

class

• NumberFrameProps

constructor