Question

我试图让它在移动鼠标时出现停止/启动按钮。即使鼠标静止，按钮也会在移动后多次触发。有没有人知道错误是否在代码中，是否存在缺陷，或者是否与代码无关，而是外部问题？我有什么选择？

我没有编码经验，所以任何帮助都会受到赞赏。感谢。

HTML

<div id="start-stop"></div>

CSS

#start-stop {
    width: 300px;
    height: 300px;
    background-image: url(pause.gif);
    cursor: pointer;

    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
}

脚本

 $(document).ready(function() {
    $("#start-stop").fadeOut(3000);
    RndText();
    inter = setInterval(function() {

        RndText();
      }, 5000);
 });

$("body").mousemove(function() {
    $("#start-stop").finish().show().fadeOut(1500);
});

$(document).on('click', '#start-stop', function(){
  if (intervalRunning) {
    intervalRunning = false;
    clearInterval(inter);
    $(this).css('background-image', 'url(play.gif)').fadeOut(1500);
  } else {
    intervalRunning = true;
    $(this).css('background-image', 'url(pause.gif)').fadeOut(1500);
    inter = setInterval(function() {
      RndText();
    }, 3000);
  }
})

即使鼠标仍然存在，Mousemove事件也会触发。代码有问题吗？

0 个答案: