Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.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 如何在jQuery计数器最后一次离开的位置暂停它?_Javascript_Html_Jquery_Css_Counter - Fatal编程技术网

Javascript 如何在jQuery计数器最后一次离开的位置暂停它?

Javascript 如何在jQuery计数器最后一次离开的位置暂停它?,javascript,html,jquery,css,counter,Javascript,Html,Jquery,Css,Counter,我的网站上有一个简单的jquery计数器。它设计为在视口中启动,但当您进一步滚动时,计数器将重置。我怎么能把柜台停在最后一次离开的地方 请随意编辑或使用代码: var isInViewport=函数(elem){ var distance=elem.getBoundingClientRect(); return(distance.top>=0&&distance.left>=0&&distance.bottom这会更好。您可能需要停止“退出”视口上的计数,但当您这样做时,我的代码将从原来的位

我的网站上有一个简单的jquery计数器。它设计为在视口中启动,但当您进一步滚动时,计数器将重置。我怎么能把柜台停在最后一次离开的地方

请随意编辑或使用代码:

var isInViewport=函数(elem){
var distance=elem.getBoundingClientRect();

return(distance.top>=0&&distance.left>=0&&distance.bottom这会更好。您可能需要停止“退出”视口上的计数,但当您这样做时,我的代码将从原来的位置开始

var isInViewport=函数(elem){
var distance=elem.getBoundingClientRect();

return(distance.top>=0&&distance.left>=0&&distance.bottom您可以使用
数据属性来存储计数器计数,如下所示

您只需修改计数器开始:

var isCounting = thisElement.data("isCounting");
if (isCounting) return;
thisElement.data("isCounting", true);
在动画代码中,添加将数据属性设置为false的回调:

 () => {
        thisElement.data("isCounting", false);
      })
编辑:根据评论编辑。
var isInViewport=函数(elem){
var distance=elem.getBoundingClientRect();

return(distance.top>=0&&distance.left>=0&&distance.bottom每次滚动时都会重新实例化它。jQuerySimpleCounter没有pauseNo需要。文本包含值Hi-Eldar,感谢您的回答。就像我对mplungjan的评论。我的问题有点误导。目标不是暂停计数器(或重置计数器)而不是让它计数到一个特定的数字(在视口中开始计数),然后暂停。希望我能澄清它。代码是什么样子的?Sry,我今天有点慢:)太棒了,这正是我一直试图存档的内容。非常感谢你,艾达!谢谢你的快速回复,姆普隆詹!我刚刚意识到,我的问题有点误导。目标不是暂停计数器(或重置计数器),而是让它计数到一个特定的数字(在视口中开始计数)然后拖延。希望我能澄清一下。