jQuery animation compteur de nombre de zéro à la valeur

J'ai créé un script pour animer un certain nombre de zéro à sa valeur.

De travail

jQuery

JS:

$({ Counter: 0 }).animate({
  Counter: $('.Single').text()
}, {
  duration: 1000,
  easing: 'swing',
  step: function() {
    $('.Single').text(Math.ceil(this.Counter));
  }
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="Single">150</span>


Pas De Travail

Je veux maintenant exécuter le script plusieurs fois sur la page pour chaque correspondance de classe.

Ci-dessous est ce que j'essaie, mais sans succès jusqu'à présent:

HTML

<span class="Count">200</span>
<span class="Count">55</span>

JQUERY

$('.Count').each(function () {
  jQuery({ Counter: 0 }).animate({ Counter: $(this).text() }, {
    duration: 1000,
    easing: 'swing',
    step: function () {
      $(this).text(Math.ceil(this.Counter));
    }
  });
});
InformationsquelleAutor DreamTeK | 2014-04-11