Javascript 鼠标上方的停止横幅

我已经在我的网站上创建了一个横幅，但是我不能让横幅停在鼠标上。我刚刚用jQuery尝试了

mouseover

和

hover

。我希望能阻止鼠标上方的横幅

功能mostrarBanner（标识）{
clearInterval（执行器）；
$（'.carousel banner.item carousel'）.css({
“不透明度”：“0”，
“z索引”：“0”
});
$（'.carousel banner.item carousel'）.eq（banner.css({
“不透明度”：“1”，
“z索引”：“1”
});
executar=setInterval（函数（）{
$（'.carousel banner.next'）。触发器（'click'）；
}, 1000);
$（'#banner'）。悬停（函数（）{
控制台日志（“DENTRO”）；
}，函数（）{
控制台日志（“论坛”）；
});
}
var executar=setInterval（函数（）{
$（'.carousel banner.next'）。触发器（'click'）；
}, 1000);
var=0；
莫斯特拉班纳（旗）；

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

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

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

---

因此，要么您需要取消间隔并重新创建它，要么您可以使用一个变量来不调用代码

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

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

---

为了调试这个问题，我们需要看一个问题的工作示例。为了调试这个问题，我们需要看一个问题的工作示例。