Javascript - 可以检查间隔是否已经设置？

Question

我有一个 div，它使用一个间隔每 5 秒弹跳一次。

当滚动到页面底部时，这个div淡出并且间隔被清除。

但是，我认为间隔被多次创建并且自身重叠存在问题。

有没有办法检查是否设置了间隔，如果设置了则清除它，如果没有则设置它？

我需要清除间隔的原因是因为jquery的反弹效果导致div即使隐藏也再次出现。

JSBIN：http://jsbin.com/ijuhok/4/

Answer 1

似乎您在滚动时设置了间隔。因此，如果我向下滚动，然后再次向下滚动，则您将其设置两次。

每次设置时先清除它就可以了。

http://jsbin.com/ijuhok/6

Answer 2

您需要覆盖现有间隔，以便可以从任何地方清除它： http://jsbin.com/ijuhok/ 5/。

$j("#more").fadeIn('slow',function(){
    ResInterval = window.setInterval(bounceMore, 5000);
    // no "var"
});

您可以消除 window 的 $(document).ready 因为它始终可用。

Answer 3

您的问题是您在本地范围内定义 ResInterval ，因为您使用了 var：

$j("#more").fadeIn('slow',function(){
   var ResInterval = window.setInterval('bounceMore()', 5000);
});

删除 var 前缀，并且您的代码将按预期工作：目前，ResInterval 是 fadeIn 中回调函数的本地变量。当省略 var 时，间隔将分配给最接近的 ResInterval 声明（使用 var）。

Answer 4

我按照下面的方法做了，我的问题就解决了。当您清除计时器时，您应该将值设置为“false”。

var timeer=false;
----
----
if(timeer==false)
{
  starttimer();  
}
-----
-----
function starttimer()
{
  timeer=setInterval(activefunction, 1000); 
}

function pausetimer()
{
  clearTimeout(timeer);
  timeer=false;
}