javascript - 如何用动画添加数字

Question

我想在现有数字中添加数字，如秒表，我的功能是完美地添加数字，但我想添加像秒表这样的动画，我试过但我没有任何线索来完成它。这是一个工作演示

$('a').click(function() {
    var val = parseInt($(this).text());
    var currentVal = parseInt($('#price').text())
    var cal = parseInt(val-currentVal)
    var club = parseInt($('#price').text()) + cal
    var bb = $('#price').text(club)
})
})​

HTML

<a href="#">10000</a>
<a href="#">12000</a>
<a href="#">15000</a>
<div id="price">10000</div>

Answer 1

当您设置 .text 时，请考虑您可以在此处应用 JQuery 动画作为回调字符串。例如，这样的事情可能会奏效。将函数的最后一行更改为：

$('#price').fadeOut('fast', function() { this.text(club); this.fadeIn('fast');})

这里有一个工作示例的 JSFiddle 链接的更多信息。

Answer 2

使用 javascript 函数setInterval做您选择的动画。
查看 jsfiddle
了解javascript 动画setInterval，供初学者在不使用任何框架的情况下推进 javascript 动画。