jquery - 设置计时器，鼠标​​悬停，然后再次重置

Question

嗨，setInterval 和 clearInterval 有问题，这是我当前的代码：

var myTimer = 0;    
var myTimer = setInterval(function() { fadedots(); }, 1000);

function fadedots(){

    $("ul li.dots").fadeTo('fast', 0.5, function() {
        $(this).fadeTo("fast", 1.0);
    });
};
$('#map div').css('cursor','pointer').bind({
  mouseenter: function() {
//  $("#map div > div").hide();
    $(this).children().show();
    clearInterval(myTimer);
    myTimer = 0;
  },
  mouseleave: function() {
    $("#map div > div").hide();
    myTimer = setInterval(function() { fadedots(); }, 1000);
    myTimer = 0;

  }
});

它目前可以工作，但是当我再次在另一点上鼠标输入时不会再次运行？

谢谢，詹姆斯

Answer 1

你为什么做这个？

myTimer = 0;

这对我来说没有意义。删除这两个。您不必在清除间隔后清除变量，对clearInterval()一个以上的计时器来说是完全安全的。

另外，您确定要在第一次访问该页面时运行计时器吗？