Javascript 计数器未达到值
我正在为计数器使用以下代码。我注意到计数器并不总是达到更高的值(特别是5500)-调整速度并不能解决问题。有人知道问题出在哪里吗Javascript 计数器未达到值,javascript,jquery,Javascript,Jquery,我正在为计数器使用以下代码。我注意到计数器并不总是达到更高的值(特别是5500)-调整速度并不能解决问题。有人知道问题出在哪里吗 startCounter(); 函数startCounter(){ var hT=$('.value').offset().top, hH=$('.value').outerHeight(), wH=$(窗口).height(); 如果($(窗口).scrollTop()>hT+hH-wH){ $(窗口).off(“滚动”,startCounter); $('.va
startCounter();
函数startCounter(){
var hT=$('.value').offset().top,
hH=$('.value').outerHeight(),
wH=$(窗口).height();
如果($(窗口).scrollTop()>hT+hH-wH){
$(窗口).off(“滚动”,startCounter);
$('.value')。每个(函数(){
var$this=$(this);
jQuery({
柜台:0
}).制作动画({
计数器:$this.text()
}, {
持续时间:3500,
“线性”,
步骤:函数(){
$this.text(Math.ceil(this.Counter)+'';
}
});
});
}
}
5500
我添加了完整的回调,与步骤回调完全相同。关于步骤的事情是,它被执行来操纵二者之间的关系,这意味着它不会在动画结束时被调用(也就是当你达到想要的值时)
startCounter();
函数startCounter(){
var hT=$('.value').offset().top,
hH=$('.value').outerHeight(),
wH=$(窗口).height();
如果($(窗口).scrollTop()>hT+hH-wH){
$(窗口).off(“滚动”,startCounter);
$('.value')。每个(函数(){
var$this=$(this);
jQuery({
柜台:0
}).制作动画({
计数器:$this.text()
}, {
持续时间:3500,
“线性”,
步骤:函数(){
$this.text(Math.ceil(this.Counter)+'';
},
完成(){
$this.text(Math.ceil(this.Counter)+'';
}
});
});
}
}
5500
我添加了完整的回调,与步骤回调完全相同。关于步骤的事情是,它被执行来操纵二者之间的关系,这意味着它不会在动画结束时被调用(也就是当你达到想要的值时)
startCounter();
函数startCounter(){
var hT=$('.value').offset().top,
hH=$('.value').outerHeight(),
wH=$(窗口).height();
如果($(窗口).scrollTop()>hT+hH-wH){
$(窗口).off(“滚动”,startCounter);
$('.value')。每个(函数(){
var$this=$(this);
jQuery({
柜台:0
}).制作动画({
计数器:$this.text()
}, {
持续时间:3500,
“线性”,
步骤:函数(){
$this.text(Math.ceil(this.Counter)+'';
},
完成(){
$this.text(Math.ceil(this.Counter)+'';
}
});
});
}
}
5500
您能否编辑您的问题以包含示例?单击“编辑”按钮并选择代码段。您可以编辑问题以包含示例吗?单击编辑按钮并选择代码段这太棒了,谢谢。不幸的是,它似乎停止了从scroll开始的动画。我只包含了代码的相关部分。在代码片段上,很难滚动。。。您现在可以将其添加回代码中,滚动条对此没有影响。再次感谢您的帮助。非常感谢。不幸的是,它似乎停止了从scroll开始的动画。我只包含了代码的相关部分。在代码片段上,很难滚动。。。您现在可以将其添加回代码中,滚动条对此没有影响。再次感谢您的帮助。