jQuery stop（）在自定义函数上工作吗？

Question

我为每个图像制作了三个图像作为工具提示。 我想在一定的时间间隔内显示工具提示，例如，第一个工具提示显示2秒钟，第二个间隔，第二个工具提示淡入，依此类推。

例如，可以使用此功能完成

function cycle(id) {
    var nextId = (id == "block1") ? "block2": "block1";
    $("#" + id)
        .delay(shortIntervalTime)
        .fadeIn(500)
        .delay(longIntervalTime)
        .fadeOut(500, function() {cycle(nextId)});
}

现在，我想要的是在每幅图像上发生乱接操作时停止循环功能，并显示相应的工具提示。 当鼠标再次离开时，循环功能将触发。

Answer 1

如果我正确理解所有内容，请尝试使用此代码。 如果您将鼠标悬停在图像上，Tt将停止该过程，如果您离开该图像，则将继续该过程。 如果您实现自定义函数（如jquery的fadeOut（），slideIn（），...函数），则stop（）函数将对自定义函数起作用。

  $('#' + id)
.fadeIn(500, function () {
   var img = $(this).find('img'),
       self = $(this),
       fadeOut = true;

   img.hover(function () {
                fadeOut = false;                    
            }, 
            function () {
                window.setTimeout(function () {
                    self.fadeOut(500);
                }, 2000);
            }
      );

    window.setTimeout(function () {
        if (fadeOut === false) {
            return;
        }
        self.fadeOut(500);
    }, 2000);
});​