Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 计数器未达到值_Javascript_Jquery - Fatal编程技术网

Javascript 计数器未达到值

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

我正在为计数器使用以下代码。我注意到计数器并不总是达到更高的值(特别是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)+'';
}
});
});
}
}


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开始的动画。我只包含了代码的相关部分。在代码片段上,很难滚动。。。您现在可以将其添加回代码中,滚动条对此没有影响。再次感谢您的帮助。