javascript - css flip counter - 无法设置正确的速度

Question

我已经实现了 Chris Nanney 的 css/js 翻转计数器，你可以在这里看到它的 jsfiddle http://jsfiddle.net/H4PLA/1/ .

我遇到的问题是，我希望通过在下面的代码中设置临时参数，我可以定义一个:- 起始值，- 最终值(value)，- 增值，- 步伐，在我的 html 页面末尾使用此脚本:

var value = 0;
var endVal = 99;
var inc = 9;  //between 0 and 1000
var pace = 400; // between 400 and 2000
var nextCount;

var myCounter = new flipCounter('flip-counter', {
 value: value,
 auto: false
 });

  function doCount() {
 value = value + inc >= endVal ? value + inc : endVal;
 myCounter.setValue(value);
 nextCount = value != endVal ? setTimeout(doCount, pace) : null;
  }

  doCount();

虽然不知何故，最终结果(值=99)会立即显示，没有 0 到 99 之间的实时动态增量。有人知道为什么吗？谢谢。

Answer 1

value = value + inc >= endVal ? value + inc:endVal;

这一行直接跳到最后，因为 : 的右侧将在 value + inc >= endVal 为 false 时触发，事实确实如此。 value + inc 不大于开头的endVal。

nextCount = value != endVal ? setTimeout(doCount, pace) : null;

这一行令人困惑，你甚至没有使用下一个计数变量，超时也没有返回有用的值。为了清楚起见，这个怎么样:

if ( value != endVal ) setTimeout(doCount, pace)