百度百科上数字猛上效果

我们经常在众筹网站上或者百度百科上看到这样的效果：

你打开页面的时候数字就一直滚动增加到最终值...

eg:感兴趣的童鞋可以在百度百科上看一下这个效果!

——————————————————————————————————————————

这是我自己写的一个类似效果....

 

HTML:

 <p id="px">0</p> 

css：

p{
        text-align: center;    
        font-size: 200px;
        font-weight: 800;
        font-family: '黑体';
 }

JavaScript：

 var time = setInterval(" text('px','5365261')",1);
 var first = true;
 function text(id,Number){
      RandomNumber = Math.floor(Math.random()*10000);//取一个较大的随机数
      oPx = document.getElementById(id);
      oPxText= oPx.textContent.replace(/,/g, "");
      if(first) {oPxText=0;first=false; }
      number = parseInt(oPxText)+1*RandomNumber;
      oPx.textContent=parseFloat(number).toLocaleString();
      if (number>=Number){
          oPx.textContent=parseFloat(Number).toLocaleString();
          clearInterval(time);
      }
 }