Javascript Jquery：如何在mouseenter事件中数到10？

我用这个脚本数到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);
});

$（'.div'）.mouseenter（函数（）{
var-cnt=0；
变量计数器=设置间隔（函数（）{
if（cnt<10）{
$（'.count'）.html（cnt）；
cnt++；
}
否则{
清除间隔（计数器）；
$（'.count'）.html（“0”）；
}
}, 1000);
});

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

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

---

请解释一下你需要什么。你怎么能数到10呢？解释肯定需要澄清。我想是某种作业吧！如果您的选择器引用的是元素div，那么它应该只是

“div”

；点选择器用于类名，因此

'.div'

将元素与类名

div

匹配，这似乎是一个奇怪的类名…我的页面上的字符在mouseenter事件中从0计数到10，但我需要循环函数从0计数到10。看看我现在是如何使用+1个好答案的！您可以将

mouseenter

和

mouseleave

函数调用链接在一起，以减少选择元素所做的工作：

$（元素）你说得对，忘了这一点。：）你正确地理解了我的问题，谢谢。但鼠标移动事件不起作用，当你们再次触摸时，计数器会加速。对不起，有个打字错误。我编辑了我的答案。你是世界上最好的救援者：）谢谢！