Question

我正在尝试为视频制作音量条。这个概念是当你点击音量按钮时，会出现一个div，你可以用它来控制音量。当你从div中徘徊时，计数器从7开始向下计数并使div消失。但是，如果计数器启动并且您将鼠标悬停在音量控制器上，则计数器将停止。我不知道如何中断计时器倒计时。任何输入？

这是我到目前为止所得到的。

  //event for volume bar
  volumeC.addEventListener("mouseover", function(){
    volumeC.style.display = 'inline-block';
  });

  volumeC.addEventListener("mouseout", function(){
     timer = setTimeout(function () {
        volumeC.style.display = 'none';
      }, 7000);
  });

Answer 1

您需要使用放置在clearTimeout处理程序中的mouseover来清除超时：

var timer;

volumeC.addEventListener("mouseover", function () {
    clearTimeout(timer);
    volumeC.style.display = 'inline-block';
});

在mouseover javascript上启动鼠标输出中断计时器的计时器

1 个答案: