javascript - 警报框首先运行？

我下面有一些jQuery / JS。首先要运行的是警报框。

$(document).ready(function() {
    $("#id1 img , .msg").stop().animate(
        { width: '300px', height: '300px'},
        { duration: 'slow', easing: 'easeInSine' }).pause(3000);

    $(".msg").animate(
        { width: '50px', height: '50px' },
        { duration: 498, easing: 'easeOutSine' });
    $("#id1 img").animate(
        { width: '50px', height: '50px' },
        { duration: 500, easing: 'easeOutSine' });

    $("#id1 img , .msg").animate(
        { width: '300px',height: '300px'},
        { duration: 'slow', easing: 'easeInSine' }).pause(3000);

    alert('eh?');
});

我确实有一个easing插件。

如果运行此命令，警报将显示，然后第一个动画将在后台发生，但不会显示。它将以最终大小显示。

警报不应该在所有动画的结尾运行吗？

谁能解释为什么会这样？

最佳答案

这个暂停插件说，它“将队列中的所有内容”保留指定的时间。它实际上不会暂停执行(JavaScript中没有睡眠)。

因此，这正是预期的事情，警报将首先显示。