javascript - 用javascript慢慢改变一个值

Question

我正在为船制作一个界面原型。抛开细节不谈，我使用 javascript onClick 创建了一个数字键盘，可以让您输入一个值，然后将该值发送到另一个字段，我们称之为“当前”。有没有办法让我发送的“当前”字段慢慢增加，直到达到我从小键盘发送的值？

例如，如果我在小键盘上输入数字 24 并单击“提交”，“当前”字段会立即显示 24，但我希望它以增量方式缓慢滴答至 24。这可能听起来像一个愚蠢的细节，但它会对我的原型产生很大的影响。

提前致谢！

Answer 1

您可以使用 javascript 的 setInterval 函数：

var handle;

function func() {
    // Increment the value by 1
    if(necessary value is reached) {
        window.clearInterval(handle);
    }
}

handle = window.setInterval("func", 50); // Run each 50ms