Javascript 如何解决快速悬停“in，out，in，out，in，out”时的循环延迟（非实时）？

如何解决快速悬停时，即使循环延迟不是实时的

当我快速地盘旋在空中，在空中，在空中，在空中，在空中，在空中，在空中，在空中，在空中

甚至会显示循环延迟

我想设置为偶数，如果我快速悬停在圈内，圈外，圈内，圈内，圈内，圈内，圈内，圈内，圈内，圈外，不显示偶数循环延迟

例如，您可以在中看到，当您将鼠标悬停在图像心脏上时，它将显示真实的元素，而不是循环。

您可以在排队之前查看任何现有动画：

$(document).ready(function() {    
    $("#111").hover(
        function() {
            var id = $(this).data("id");

            if (id) {
                $("#" + id).show();   
            }

            $(".outer").stop().animate({top: '13px', opacity: 1}, 100); 
            $(".inner").stop().animate({top: '47px', opacity: 1}, 100); 
        }, function() {
            $(".outer").stop().animate({top: '25px', opacity: 0}, 100); 
            $(".inner").stop().animate({top: '37px', opacity: 0}, 100);                         
        });
});

---

这就是你想要的。这就是你想要的吗这是工作，但不是实时的，甚至不是完全的。请给一些小提琴@ดารกนารวดากาก: 哦，没注意到你有把小提琴。CSS转换在这种情况下不起作用。不管怎样，你所要做的就是粘贴。在四个地方停下来。它还可以，但还不完整，你们可以看到，例如，当你们将鼠标移到图像的心脏上时，它将显示真实的元素，而不是循环。他们是怎么做到的@ดารกนารวดากาก: 你说的“循环”是什么意思？循环的意思是当你鼠标移动时，所有的东西都会停止，而不是延迟^^

$(document).ready(function() {    
    $("#111").hover(
        function() {
            var id = $(this).data("id");

            if (id) {
                $("#" + id).show();   
            }

            $(".outer").stop().animate({top: '13px', opacity: 1}, 100); 
            $(".inner").stop().animate({top: '47px', opacity: 1}, 100); 
        }, function() {
            $(".outer").stop().animate({top: '25px', opacity: 0}, 100); 
            $(".inner").stop().animate({top: '37px', opacity: 0}, 100);                         
        });
});