js數字滾動展示效果,人數統計滾動效果
阿新 • • 發佈:2019-02-04
<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積分