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!'); });