# HTCountTo 计数器
# 基本用法
从起始值 startVal 到目标值 endVal 会有一个逐步增加的过渡动画,两个都要求是 Number 类型
# duration 过渡时间
可以设置过渡时间,单位是毫秒,默认值是 400,必须是 Number 类型
# autoplay 是否自动播放
默认为 true, 设置为 false 则不会自动播放,会始终保持为初始值
# decimals 小数点位数
展示几位数的小数点,比如 2 就是 1.00 这样,默认是 0
# decimal 小数点字符
就是整数和小数之间连接的字符,默认是 .
# separator 千分位分隔符
千分位之间的连接符,比如 100,000,000,默认是 ,
# prefix 前缀
# suffix 后缀
# useEasing 是否启用easing效果
默认开启,可以设置 false 来关闭,关闭后是平滑过渡
# easingFn 自定义easing动画效果
必须在 useEasing 为 true 时才有效,接受一个函数,参数是:
t:当前时间(time)b:起始值(begin)c:变化量(change)d:持续时间(duration) 返回计算后的当前帧数值,决定了动画的变化曲线
# API
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| startVal | 起始值 | Number | 0 |
| endVal | 结束值 | Number | 0 |
| duration | 过渡时间 | Number | 400 |
| autoplay | 是否自动播放 | Boolean | true |
| decimals | 小数点位数 | Number | 0 |
| decimal | 小数点字符 | String | . |
| separator | 千分位分隔符 | String | , |
| prefix | 前缀 | String | '' |
| suffix | 后缀 | String | '' |
| useEasing | 是否启用easing效果 | Boolean | true |
| easingFn | 自定义easing动画效果 | (t,b,c,d) => number | 自定义函数 |