javascript - 如何将此代码编写为链接单击动画

Question

如何将此代码编写为链接点击动画。当我加载我的页面时，此动画起作用。

 (function () {
        var index = 0;
        var boxes = $('.box1, .box2, .box3, .box4, .box5, .box6');

        function start() {
            boxes.eq(index).addClass('animated');
            ++index;
            setTimeout(start, 80);
        };
        start();
    })();

当我点击一个链接时，我需要编写这个动画。我编写了这段代码来制作一个 CSS 动画。

Answer 1

你可以这样做......

jQuery("a#linkOne").click(function () {
    var index = 0;
    var boxes = $('.box1, .box2, .box3, .box4, .box5, .box6');

    function start() {
        boxes.eq(index).addClass('animated');
        ++index;
        setTimeout(start, 80);
    };
    start();
}

HTML

<a href="javascript:;" id="linkOne" > CLick Me</a>