jQuery 最小计数动画插件 Counto.js

  • 源码大小:18.06KB
  • 所需积分:1积分
  • 源码编号:19JP-3310
  • 浏览次数:511次
  • 最后更新:2023年05月30日
  • 所属栏目:动画
本站默认解压密码:19jp.com 或 19jp_com

简介

Counto.js是一个简洁轻便的jQuery插件,可以以优雅的方式显示数值,尤其是在数值增加/减少时,具有“计数”动画的自然感觉

参见:

  • JavaScript中的10个最佳倒计时定时器插件
  • JavaScript中的10个最佳倒计时定时器插件

如何使用它:

1.下载插件并将Counto.js放在jQuery之后。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/counto.min.js"></script>

2.对包含数值的元素调用函数,并指定要计数的数字。

<p id="demo">
  1234
</p>
$(function(){
  $('#demo').counto(12345);
});

3.覆盖默认动画速度。

$(function(){
  $('#demo').counto(12345, 5000);
});

4.当计数动画完成时触发一个功能。

$('#my-number').counto(12345, 5000, function(){
  alert('Done!');
});

预览截图