设置一个计时器，鼠标停留时暂停，然后重新设置

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()多个计时器是完全安全的。

当你第一次进入页面时，你确定要运行计时器吗?