鼠标悬停时停止横幅

Question

我已经在自己的网站上创建了横幅，但是我无法使横幅在鼠标悬停时停止。我刚刚用jQuery尝试过mouseover和hover。我希望将鼠标悬停在横幅上

function mostrarBanner(indice) {
  clearInterval(executar);
  $('.carousel-banner .item-carousel').css({
    'opacity': '0',
    'z-index': '0'
  });

  $('.carousel-banner .item-carousel').eq(banner).css({
    'opacity': '1',
    'z-index': '1'
  });

  executar = setInterval(function() {
    $('.carousel-banner .next').trigger('click');
  }, 1000);

  $('#banner').hover(function() {
    console.log("DENTRO");
  }, function() {
    console.log("FORA");
  });
}

var executar = setInterval(function() {
  $('.carousel-banner .next').trigger('click');
}, 1000);

var banner = 0;
mostrarBanner(banner);

Answer 1

因此，您需要取消间隔并重新创建间隔，或者可以使用变量不调用代码。

  var paused = false
  executar = setInterval(function() {
    if (paused) return
    $('.carousel-banner .next').trigger('click');
  }, 1000);

  $('#banner').hover(function() {
    paused = true
  }, function() {
    paused = false
  });