扫一扫分享
number-flip 是一款 js 数字翻转切换插件。该 js 数字翻转切换插件可以制作数字切换的动画效果,你可以自定义数字类型,使用中文或 unicode,来制作类似水果机动画的效果。
安装
npm install --save number-flip
使用
import { Flip } from 'number-flip'
new Flip({
node: document.querySelector('.flip'),
from: 73,
to: 25,
duration: 2,
delay: 1,
easeFn: function(pos) {
if ((pos/=0.5) < 1) return 0.5*Math.pow(pos,3);
return 0.5 * (Math.pow((pos-2),3) + 2);
},
// for more easing function, see https://github.com/danro/easing-js/blob/master/easing.js
systemArr: ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
})
手机预览