用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