javascript - Jquery：如何在 mouseenter 事件上无限计数直到 10？

Question

我使用这个脚本数到 10 并显示 0。

但是如何在 mouseenter 事件上从 0 到 10无限计数并在 mouseleave 事件上显示 0 呢？

$('.div').mouseenter(function() {
  var cnt = 0;
  var counter = setInterval(function() {
    if (cnt < 10) {
      $('.count').html(cnt);
      cnt++;
    }
    else {
      clearInterval(counter);
      $('.count').html("0");
    }
  }, 1000);
});

Answer 1

假设我正确理解了您的问题，这可能就是您想要的：

var counter;
$('.count-wrap').mouseenter(function() {
    var cnt = 0; counter = window.setInterval(function() {
        $('.count').html(cnt);
        cnt = (cnt+1)%11;
    }, 100);
}).mouseleave(function() {
    window.clearInterval(counter);
    $('.count').html("0");
});