如何停止"setInterval"

Question

我该如何停下来开始setInterval？

假设我有一个textarea.我想停止setInterval焦点并重新启动setInterval模糊(使用jQuery).

Answer 1

您必须在启动时存储间隔的计时器ID,稍后您将使用此值来停止它,使用以下clearInterval函数:

$(function () {
  var timerId = 0;

  $('textarea').focus(function () {
    timerId = setInterval(function () {
      // interval function body
    }, 1000);
  });

  $('textarea').blur(function () {
    clearInterval(timerId);
  });

});

Answer 2

这是基于CMS的答案.问题要求计时器重新启动模糊并停在焦点上,所以我把它移动了一下:

$(function () {
  var timerId = 0;

  $('textarea').focus(function () {
    clearInterval(timerId);
  });

  $('textarea').blur(function () {
    timerId = setInterval(function () {
     //some code here 
    }, 1000);
  });
});

Answer 3

setInterval将变量存储在变量中,稍后使用它来清除间隔.

var timer = null;
$("textarea").blur(function(){
    timer = window.setInterval(function(){ ... whatever ... }, 2000);
}).focus(function(){
    if(timer){
       window.clearInterval(timer);
       timer = null
    }
});

Answer 4

setInterval返回一个id,您可以使用它来取消clearInterval()的间隔