源码搜藏网

jquery数字跳动插件Animate Numberjquery数字跳动插件Animate Number是一款增加了数属性和阶跃函数的jQuery动画功能特性。jQuery数字跳动动画效果jQuery插件

<script>
  var decimal_places = 1;
  var decimal_factor = decimal_places === 0 ? 1 : decimal_places * 10;


  $('#target').animateNumber(
    {
      number: 100 * decimal_factor,
      color: 'green',
      'font-size': '30px',


      numberStep: function(now, tween) {
        var floored_number = Math.floor(now) / decimal_factor,
            target = $(tween.elem);
        if (decimal_places > 0) {
          floored_number = floored_number.toFixed(decimal_places);
        }


        target.text(floored_number + ' %');
      }
    },
    15000
  )
</script>