Counto.js是一个简洁轻便的jQuery插件,可以以优雅的方式显示数值,尤其是在数值增加/减少时,具有“计数”动画的自然感觉
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!');
- });