来一手简单比较实用的页面数字滚动的效果!
function doit(end, id){
var o = document.getElementById(id);
var i = 0;
var Interval;
if(i < end){
Interval = setInterval(function(){
o.innerHTML = i.toString();
i += 50; // 设置每次增加的动态数字,可调整
if(i > end) {
clearInterval(Interval); // 清除setInterval的time,这个方法w3c可具体查看文档
o.innerHTML = end; // 此赋值是为了避免最后一次增加过后的数据和真实数据不同
i = 0;
}
}, 10); // 数据跳转的速度控制
}
}
doit(2280, 'my_prompt'); // key1:数据最大数;key2:容器id
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦