JavaScript代码中的错误

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

var l = 74, t = 12; var k = 75, m = 14;
for (var i = 1; i < 10; i += 3) {
    for (var j = 0; j < 3; j++) {
        var x = i + j;
        $(".s" + x).css({
            "left": l + "px",
            "top": t + "px"
        });
        l -= 50;
        t += 50;
    }
    k += 50;
    m += 50;
    l = k;
    t = m;
}
var c = 1, d;
function wave() {
    m = 1;
    for (i = 1; i < 4; i++) {
        d = i;
        for (j = 1; j <= d; j++) {
            $(".s" + c).addClass("active");
            $(".s" + c).css({
                "animation-delay": c / 5 + "s"
            });
            alert(c);
            if (c != 1) {
                c += 2;
            }
        }
        m++;
        c = m;
    }
}
wave();

它使用jQuery。当我在代码中启用警报时，其动画顺序为1,2,4,3,5,7，但是当我禁用警报时，其顺序为1,2,3,4,5,7

我不明白哪里出了问题。有人可以建议错误是什么，我们如何应对它。

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