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积分
相关文章推荐
- countUp.js 实现数字滚动 动态效果
- jQuery数字滚动展示效果
- js实现的图片滚动兼展示效果的特效
- 数字展示变化滚动效果
- jQuery数字滚动展示效果
- web复习(三):js实现公告栏效果,间歇性滚动展示
- JavaScript html js图片滑动切换效果,幻灯片式切换,新闻展示,滚动新闻
- jQuery访问量、下载量等统计数字滚动效果
- JS+CSS实现滚动数字时钟效果
- 用js实现控制内容的向上向下滚动效果
- js滚动效果
- [转]JS图片滚动效果
- 兼容FF,JS不间断循环滚动,包含自滚动,左右自滚动,点击左右滚动,鼠标暂停效果
- JS 任务栏滚动效果
- JS实现动态图片展示效果
- js滚动的效果
- DIV+CSS结合js控制页面滚动的效果
- JS 配合Div 滚动图片效果
- Js相册横向滚动效果 应用
- Js相册横向滚动效果