# 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 自定义函数