百度百科上数字猛上效果
我们经常在众筹网站上或者百度百科上看到这样的效果:
你打开页面的时候数字就一直滚动增加到最终值...
eg:感兴趣的童鞋可以在百度百科上看一下这个效果!
——————————————————————————————————————————
这是我自己写的一个类似效果....
HTML:
1 <p id="px">0</p>
css:
1 p{ 2 text-align: center; 3 font-size: 200px; 4 font-weight: 800; 5 font-family: '黑体'; 6 }
JavaScript:
1 var time = setInterval(" text('px','5365261')",1); 2 var first = true; 3 function text(id,Number){ 4 RandomNumber = Math.floor(Math.random()*10000);//取一个较大的随机数 5 oPx = document.getElementById(id); 6 oPxText= oPx.textContent.replace(/,/g, ""); 7 if(first) {oPxText=0;first=false; } 8 number = parseInt(oPxText)+1*RandomNumber; 9 oPx.textContent=parseFloat(number).toLocaleString(); 10 if (number>=Number){ 11 oPx.textContent=parseFloat(Number).toLocaleString(); 12 clearInterval(time); 13 } 14 }
混在成都微信:unfunction