Jquery Number Roller

Question

有没有人知道如何制作数字滚轮的方法或教程？

我想要做的是提供一个具有起始编号，增量率和结束编号的函数。然后它将从起始编号开始并在结束编号处结束。

但是，在增加或减少的前几秒，速率会加速，然后在达到结束数时减速。如何实现这一目标？

Answer 1

检查此插件： http://www.littlewebthings.com/projects/countdown/example/?style=light

你要做什么？显示一个数字，显示一个新数字，并更改旧数字的位置并隐藏它（全部使用jQuery animate）。这是你的循环迭代之一，重复直到你达到所选的数字。

增加/减少速度怎么样？ Animate包含持续时间属性，只需在结束时更改它并循环开始：

for(i=0; i<numberOfIterations; ++i) {
    if(i<=(numberOfIterations/10) || i>=(numberOfIterations/10))
        duration = 1000;
    else
        duration = 100;
}