CSS/JavaScript的數字計數器

Question

基本上，我所尋求的是數字動畫，一個很好的例子將是對這個網站： http://www.arkanbuilds.com/

如果向下滾動，你會看到他們的「建立完成」等數起來。

我該怎麼做？我沒有JavaScript的知識，如果這些都是必要的，所以幫助將不勝感激。

也是一個小問題，鏈接到這個問題;我怎麼能每月/每年增加一次數字，就像那個網站上的'月度在線'一樣。

我將不勝感激。

Answer 1

// this interval will repeat itself every 50 milliseconds 
 
var handler = setInterval(function() { 
 
    // get the element that holds the number 
 
    var numberContainer = document.getElementById("number"); 
 
    // get the number. it starts with 0 
 
    var number = parseInt(numberContainer.innerText, 10); 
 
    // increase it by 1, or 2 (number += 2;) 
 
    number++; 
 
    // update the number in the element 
 
    numberContainer.innerText = number; 
 
    // set a limit. if the number is greater than/equal to 50 
 
    // stop the interval 
 
    if (number >= 50) { 
 
     clearInterval(handler); 
 
    } 
 
}, 50);

<div id="number">0</div>