javascript - 一个函数 JQuery 的不同速度

Question

我编写了一个为对象设置动画的函数，但后来我决定添加一些其他对象，这些对象应该使用相同的参数但不同的速度进行动画处理。我不想复制粘贴编写的函数，但不知道如何以不同的速度调用它。你能帮我这样做吗？

var moveObjects = function() {
    setInterval(function() {
        $("#object1").animate({
            left: -110 + "%"
        }, 15000, "linear", function() {
            $(this).addClass('flip');
        });
        $("#object1").animate({
            left: 110 + "%"
        }, 15000, "linear", function() {
            $(this).removeClass('flip');
        });
    }, 1000);
};

$(document).ready(function() {
    moveObjects();
});

Answer 1

用函数参数替换硬编码值:

var moveObjects = function(animSpeed, delay) {
    setInterval(function() {
        $("#object1").animate({
            left: -110 + "%"
        }, animSpeed, "linear", function() {
            $(this).addClass('flip');
        });
        $("#object1").animate({
            left: 110 + "%"
        }, animSpeed, "linear", function() {
            $(this).removeClass('flip');
        });
    }, delay);
};

$(document).ready(function() {
    moveObjects(15000, 1000);
});