实现数字变化的效果

Question

我有一个这样的计数器：

<ul>
    <li id="cenMill">0</li>
    <li id="decMill">0</li>
    <li id="uniMill">0</li>
    <li id="cen">3</li>
    <li id="dec">2</li>
    <li id="uni">1</li>
</ul>

0 0 0 3 2 1

我的目的是让每个数字根据我给它的变量进行更改，也就是说，如果我添加+1，那么只需将 id="uni" 从 1 更改为 2，但如果我给它 12 那么更改受影响的两者等等。然而，到目前为止，我不知道如何开始执行此操作，这就是我所拥有的：

$('#uni').animate({
    marginTop: "-25px",
},200);

但这只会将 1 放在顶部，它不会从下面弹出“2”作为下一个数字，而 1 是可见，即使使用显示、“无”或其他类似的方式，我也无法隐藏它。关于如何做到这一点有任何帮助（或想法）吗？

Answer 1

这可能类似于您想要实现的目标：
数字股票代码演示。

这是一个仓促的复制粘贴：http://damienhowley.wordpress.com/2009/06 /29/jquery-number-ticker/

即使您不能按原样使用它，它也应该为您提供一些如何创建自己的指示。祝你好运。