setInterval（播放 - 暂停）mouseenter

Question

我尝试设置由mouseenter mouseleave控制 - 但setInterval无法正常工作。代码编写如下：

  var cont = 0;
  var timer = setInterval(function(){cont++; console.log(cont);}, 4500);  
  $(".thumbSlider").on({
      mouseenter: function() {
        clearInterval(timer);
        timer = null;
        console.log("se para en "+cont);
      },
      mouseleave: function() {
        if (timer == null) {
          var timer = setInterval(function(){cont++; console.log("se reanuda"+cont);}, 4500);      
        };
      }
  });

Answer 1

您在mouseleave函数中声明了一个新变量，它不是同一个变量。

删除var声明

mouseleave: function() {
    if (timer == null) {
      timer = setInterval(function(){
                  cont++; 
                  console.log("se reanuda"+cont);
              }, 4500);      
    };
}