zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery 数字滚动方法详解编程语言

jQuery方法编程语言 详解 数字 滚动
2023-06-13 09:11:50 时间

jquery 数字滚动方法
用的是countUp.js这个插件

target = 目标元素的 ID;
startVal = 开始值;
endVal = 结束值;
decimals = 小数位数,默认值是0;
duration = 动画延迟秒数,默认值是2;

1先初始化


var options = {  
useEasing: true,
  useGrouping: false,
  separator: ,,
  decimal: .,
};
var demo = new CountUp(few, 0, 0, 0, 0.5, options);
if (!demo.error) {  
demo.start();
} else {  
console.error(demo.error);
}

2更新


demo.update(6000);

详细参数看http://inorganik.github.io/countUp.js/

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/18848.html

cjava