手记

来一手简单比较实用的页面数字滚动的效果!

    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人推荐
随时随地看视频
慕课网APP