Javascript css翻转计数器-无法设置正确的配速

Javascript css翻转计数器-无法设置正确的配速,javascript,html,css,counter,Javascript,Html,Css,Counter,我已经从Chris Nanney那里实现了css/js翻转计数器,您可以在这里看到JSFIDLE 我遇到的问题是,通过在下面的代码中设置特殊参数,我可以定义: -起始值, -最终价值, -增值, -步调, 在我的html页面末尾使用此脚本: var value = 0; var endVal = 99; var inc = 9; //between 0 and 1000 var pace = 400; // between 400 and 2000 var nextCount; var my

我已经从Chris Nanney那里实现了css/js翻转计数器,您可以在这里看到JSFIDLE

我遇到的问题是,通过在下面的代码中设置特殊参数,我可以定义: -起始值, -最终价值, -增值, -步调, 在我的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之间没有活动的动态增量。
有人知道为什么吗?谢谢。

您的比较不好,请将
=
更改为
value=value+inc>=endVal?value+inc:endVal如果value+inc小于endVal,则将值设置为endVal,是否确实要这样做?我相信你想要的是
value=value+inc
var-value=1328;
var-endVal=2750;
var inc=1//改变
var-pace=600;
var-nextCount;
var myCounter=新的翻转计数器(“翻转计数器”{
价值:价值,
自动:错误
});
函数doCount(){
value=value+inc
这一行向右跳到末尾,因为
的右侧将在
value+inc>=endVal
为false时触发,实际上是这样<代码>值+inc
不大于开头的
endVal


这一行很混乱,您甚至不使用next count变量,超时也不会返回有用的值。为了清楚起见,这个怎么样:

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

我拉了你的小提琴,什么也没发生?不客气。只要继续,一切都是关于练习:)请详细说明你的答案,很难说你从OP粘贴的原始代码中实际更改了什么。。。
value = value + inc >= endVal ? value + inc:endVal;
nextCount = value != endVal ? setTimeout(doCount, pace) : null;
if ( value != endVal ) setTimeout(doCount, pace)