您的位置:首页 > Web前端 > JavaScript

js数字滚动展示效果,人数统计滚动效果

2017-03-25 18:19 351 查看
<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积分
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息