插件描述：简单灵活好用,不依赖其它库,js采用了ES6编写，尽量使用chrome浏览器来查看，可以使用babel转成ES5，或者通过babel的网站在线转换。动画使用css3。
以下是调用接口
var odo1 = new Odometer('.Odometer',{
len : null, //设置默认位数
num : "", //初始化值
speed : 1000, //动画速度
symbol : '', //分割符
dot : 0 //保留几位小数点
});
odo1.update(123) //更新数字以下是基本的css
.number-animate{line-height:45px; height: 45px;font-size: 40px;overflow: hidden; display: inline-block; position: relative; }
.number-animate .number-animate-dot{ width: 21px; float: left; text-align: center;}
.number-animate .number-animate-dom{ width: 27px; text-align: center; float: left; position: relative; top: 0;}
.number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float: left;width: 100%;height: 45px;line-height: 1;}
PREVIOUS:
NEXT:
相关插件-滚动
讨论这个项目（8）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
╇习惯 -や 0
2021/9/13 16:01:45
-
保留几位小数可以在update()的时候改变吗
Function0
2021/9/13 16:05:10
-
可以的
╇习惯 -や0
2021/9/13 16:32:21
-
怎么改变的
Function1
2021/9/14 8:22:04
-
设置了小数位数，update的时候自动刷新，不知道你要的是什么效果
╇习惯 -や0
2021/9/15 9:07:48
-
比如 我一开始是没有小数位数的，然后update的时候，我想让他保留两位 小数
Function1
2021/9/15 11:20:50
这样的啊，你在numToArr函数里的num变量下面添加一行：
num = (num%1 === 0 ? parseInt(num) : num)
就可以实现你要的效果了。
TzzHmm 0
2020/1/13 17:07:55
-
不能显示 06 这种
meiyoutaiyang1231
2020/2/9 15:57:37
-
len : null, //设置默认位数
这个设置一下
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
