0.0.115 • Published 2 years ago
zpm-fun v0.0.115
countUp: new zpm.sys.web.number.countUp(target, startVal, endVal, decimals, duration, options)
参数:
target: 目标元素的id 必填 startVal:开始的值(从哪个值开始) 必填 endVal:结束的值(滚动到哪个值结束) 必填 decimals:小数位数,默认值为0 可选 duration:动画持续时间,单位为秒,默认值为2 可选 options:选项的可选对象 可选 useEasing:true --是否使用缓动动画,默认为缓动,可设置为false让其匀速
useGrouping:true --对数字进行分组,如12345,按三位一组变为类似12,345这样的
separator: ',' --分组时使用的分隔符默认是逗号
decimal: '.' --小数点
prefix: '' --添加前缀如12345,变为¥12345
suffix: '' --添加后缀如12345 通过添加后缀变为12345$,12345元之类的
方法:
暂停/恢复 pauseResume 重置动画 reset 更新值 update(newVal)
例如: numberScroll() { let count = new CountUp("numScroll", 0, 56565, 0, 5, {duration: 5, useEasing: false}) if (!count.error) { count.start() } else { console.log(count.error) } }
setInterval(() => { count.update(count.endVal); }, 1000);