javascript代码中的错误

Question

我试图在这个程序中产生类似波浪的效果。 这是代码。

// Comparing dates - Method #2
if date1.compare(date2) == NSComparisonResult.OrderedDescending {
    print("Date1 is Later than Date2")
}
else if date1.compare(date2) == NSComparisonResult.OrderedAscending {
    print("Date1 is Earlier than Date2")
}
else if date1.compare(date2) == NSComparisonResult.OrderedSame {
    print("Same dates")
}

它使用jquery。 当我在代码中启用警报时，它以1,2,4,3,5,7的顺序动画 但是当我禁用它时，订单是1,2,3,4,5,7

我无法理解什么是错的。任何人都会建议什么是错误以及我们如何应对它。

完整的代码     https://codepen.io/megatroncoder/pen/oxrPRg

Answer 1

alert暂停执行代码，直到窗口关闭。

如果您使用console.log(c, c / 5);而不是提醒，则会看到c值符合预期，但您对animation-delay的计算不正确。

当alert暂停执行循环时，似乎动画可以按照您的意愿运行，但这只是因为下一个项目的动画尚未开始（它们没有获得active类）。 / p>

当没有任何东西暂停循环时，动画会同时启动（以相同，正确的顺序），但由于不正确的延迟，它们似乎正在以错误的顺序运行。