javascript - jQuery 计算数字之间的持续时间

Question

我想要做的是让一个数字开始向上或向下计数，比如说从 1 到 100 或 100 到 1。我发现很多插件可以做到这一点，但它们都有一个持续时间变量。问题是持续时间变量适用于从开始到结束所需的时间。我正在寻找一种方法来设置到达下一个数字所需的时间。 IE 从 X 计数到 Y，每 0.25 秒更新一次数字。这样，较大的数字比较小的数字需要更长的时间才能到达。

这个插件看起来很棒，但我无法让它执行我想要的操作。 https://github.com/mhuggins/jquery-countTo

任何帮助都会很棒。

Answer 1

请尝试一下，并告诉我这是否是您想要的:

function countTo(min, max, interval, callback) {
	var counter = min;
    var i = setInterval(function() {
    	callback(counter);
        counter++;
        if(counter> max) return clearInterval(i);
    }, interval*1000);
};


countTo(0, 100, 0.25, function(counter) {
	$("#counter").text(counter);
});
countTo(0, 100, 0.01, function(counter) {
	$("#counter2").text(counter);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="counter"> </div>
<div id="counter2"> </div>