数字计数器 - 制作一个动画计数器

Question

basically, what I am looking for is an animation for digits, a great example would be on this site: http://www.upper-reach.com/

If you scroll down you'll see their 'Builds completed' etc counting up.

How do I do this?

I would appreciate the answers.

Answer 1

You might want to look into this question or you could use the CountUp.JS plugin.

If you want to count the digits you could do something like this when using CountUp.JS:

var myDigit = $(".myDivWithDigits").text();

var options = {
  useEasing : true, 
  useGrouping : true, 
  separator : ',', 
  decimal : '.', 
  prefix : '', 
  suffix : '' 
};
var demo = new CountUp("myTargetElement", 0, myDigit, 0, 2.5, options);
demo.start();