1. 程式人生 > >js數字滾動展示效果,人數統計滾動效果

js數字滾動展示效果,人數統計滾動效果

<script>
function g_demo_fun(demo_number){
var g_demo=document.getElementById(demo_number);//繫結滾動標籤
var cp_outtime=500;//設定間隔多少時間重新整理
var g_Number=g_demo.innerHTML;//複製標籤值
var g_Number_min=g_Number-53;
console.log(g_Number_min);

function Gundong(){

if(g_Number_min<g_Number){
g_Number_min=g_Number_min+3;
g_demo.innerHTML=g_Number_min;	
}
else if(g_Number_min>=g_Number){
g_Number_min=g_Number_min-16;
cp_outtime=50;
console.log("=="+g_Number_min+"cp_outtime="+cp_outtime);
}
}
var MyMar=setInterval(Gundong,cp_outtime); 
 }
</script>

以上是JS程式碼

<div id="demo1">
	1000
</div>
 <script type="text/javascript">
g_demo_fun("demo1");
</script>

<div id="demo2">
	1880
</div>
 <script type="text/javascript">
g_demo_fun("demo2");
</script>
 

<div id="demo3">
	880
</div>
 <script type="text/javascript">
g_demo_fun("demo3");
</script>

以上是HTML程式碼

下載效果壓縮包:http://download.csdn.net/detail/cplvfx/9793632  只需要2積分