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");
});