javascript - JavaScript 在调用之间花费额外的时间

Question

console.log("FADIG");
console.log(modal);
modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
console.log("background GONE!");
modal.animate({
    "opacity": 0
}, 300, function () {
    console.log("FADED OUT MODAL");
    modal.css({
        'opacity': 1,
        'visibility': 'hidden',
        'top': topMeasure
    });
    unlockModal();
});                 

那是我的 JavaScript 代码。我知道它可以找到命名的对象modal。然后它立即吐出来，background GONE!然后我需要大约 10 秒才能看到FADED OUT MODAL。这意味着动画没有运行好 10 秒。

知道为什么会这样吗？

Answer 1

超级简单...我认为一些动画正在排队，所以我将其更改为：

modal.stop().animate一切都很好