javascript - JavaScript 中的 setTimeout

Question

我正在使用以下代码为 JavaScript 中的某些流程设置动画:

  var direction = $('#rightControl');
  function animate()
  {
      if (hover) return;

      if (!direction.is(':visible'))
      {
          if (direction.attr('id') == 'rightControl') direction = $('#leftControl');
          else direction = $('#rightControl');
      }

      doMove(direction);
  }

  // Animate slider!
  setInterval(animate, 2500);

直到元素 #rightControl 存在于页面上:每 2.5 秒调用一次 animate() 函数并移动我的 div(在 doMove 内)。当 #rightControl 消失时，我将方向更改为 #leftControl，...

一切都很酷，但是当页面在后台运行一段时间(例如 4-5 分钟)时，动画会变得疯狂并每次调用 100-200 毫秒。怎么了？

Answer 1

嗯，setInterval 只是每隔 * 秒向调用堆栈添加一些内容。如果某些 JavaScript 执行了几秒钟，调用堆栈上可能会出现一些情况。我猜如果页面也在后台，这种情况也可能发生。检查它是否与 setTimeouts 一起使用(因此 1 或函数调用来启动它，1 在函数末尾)。