Comment incrémenter un nombre en utilisant animer avec une virgule en utilisant jQuery?

Je suis en train d'incrémenter un nombre à l'intérieur d'un élément sur la page. Mais j'ai besoin du nombre pour inclure une virgule pour la millième place de la valeur. (par exemple, de 45 000 pas 45000)

<script>
//Animate the element's value from x to y:
  $({someValue: 40000}).animate({someValue: 45000}, {
      duration: 3000,
      easing:'swing', //can be anything
      step: function() { //called on every step
          //Update the element's text with rounded-up value:
          $('#el').text(Math.round(this.someValue));
      }
  });
</script>
<div id="el"></div>

Comment puis-je incrémenter un numéro à l'aide d'animer avec virgule?

source d'informationauteur kevllar

  1. 39

    De Travail Démo http://jsfiddle.net/4v2wK/

    N'hésitez pas à changer plus pour votre besoin, vous pouvez également chercher de la monnaie formateur, j'Espère que ça va s'adapter à votre besoin :)

    Code

    //Animate the element's value from x to y:
  var $el = $("#el"); //[make sure this is a unique variable name]
  $({someValue: 40000}).animate({someValue: 45000}, {
      duration: 3000,
      easing:'swing', //can be anything
      step: function() { //called on every step
          //Update the element's text with rounded-up value:
          $el.text(commaSeparateNumber(Math.round(this.someValue)));
      }
  });

 function commaSeparateNumber(val){
    while (/(\d+)(\d{3})/.test(val.toString())){
      val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
    }
    return val;
  }

    **sortie*
    Comment incrémenter un nombre en utilisant animer avec une virgule en utilisant jQuery?

  2. 10

    Vous devez également ajouter une fonction complète en tant que tel:

    step:function(){
    //..
},
complete:function(){
    $el.text(commaSeparateNumber(Math.round(this.someValue)));
}

    Mis À Jour Le Violon: Démo