Javascript css翻转计数器-无法设置正确的配速
我已经从Chris Nanney那里实现了css/js翻转计数器,您可以在这里看到JSFIDLE 我遇到的问题是,通过在下面的代码中设置特殊参数,我可以定义: -起始值, -最终价值, -增值, -步调, 在我的html页面末尾使用此脚本: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
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+incvar-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)