Javascript:增加/减少目标数量

时间:2011-11-12 11:42:54

标签: javascript

在输入中从一个预设数字计数到更高或更低数字的最佳方法是什么,并显示更改的动画?

会有一个初始金额,比方说100;当我们给它一个增加或减少的数字时,让我们说200,原来的100将计算动画到200。

2 个答案:

答案 0 :(得分:1)

您可以像这样使用setInterval

var count = 100;
var number = 110;
var interval = setInterval(function(){
   document.getElementById('elementID').innerHTML = ++count;

   if (count === number) { clearInterval(interval) }
}, 500);

如果您想增加,请使用++count;如果您想减少,请使用--count

Working Example

答案 1 :(得分:0)

不是100%肯定我理解你的意思,但计数很简单:

function count() {
   var i; //declare i for use later in the function

   for (i = 100; i <= 200; i++) {
      alert(i);
   }
}