【javascript】数字效果 - 东南西北

东南西北

整理 思考 行动

【javascript】数字效果

首页 编程 0 评

2046

//id,最终显示数字,数字变化开始值,变化持续时间,小数点位数
    function countUp(id, endVal, startVal, duration, decimal) {  
        var startTime = 0;
        var dec = Math.pow(10, decimal);
        var progress,value;
        function startCount(timestamp) {
            if(!startTime) startTime = timestamp;
            progress = timestamp - startTime;
            value = startVal + (endVal - startVal) * (progress / duration);
            value = (value > endVal) ? endVal : value;
            value = Math.floor(value*dec) / dec;
            jquery('#'+id).html(value.toFixed(decimal));
            progress < duration && requestAnimationFrame(startCount)
        }
        requestAnimationFrame(startCount)
    }

【数据库设计】范式