小编Ami*_*ari的帖子

数字增量动画持续时间随数字增加而变慢

我在这里有一个计数代码:

HTML:

<div id="value">700</div>
<div id="value2">1000</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

function animateValue(id, start, end, duration) {
    var start= 0 ;
    var end = parseInt(document.getElementById(id).textContent, 10);
    var duration = 10000;
    var range = end - start;
    var current = start;
    var increment = end > start? 1 : -1;
    var stepTime = Math.abs(Math.floor(duration / range));
    var obj = document.getElementById(id);
    var timer = setInterval(function() {
        current += increment;
        obj.innerHTML = current;
        if (current == end) {
            clearInterval(timer);
        }
    }, stepTime);
}
animateValue("value2",0,0,0);
animateValue("value",0,0,0);
Run Code Online (Sandbox Code Playgroud)

在此代码中,从0开始到结束,持续时间为10000毫秒.当接近结束时,如何将此持续时间设置为慢于此?

例如: …

javascript easing

3
推荐指数
1
解决办法
1957
查看次数

标签 统计

easing ×1

javascript ×1