Javascript 将相同的数学公式应用于多个jQuery值

Javascript 将相同的数学公式应用于多个jQuery值,javascript,jquery,css,equations,Javascript,Jquery,Css,Equations,代码应该更多地解释我正在尝试做什么。我有多个值作为javascript变量,然后通过一个等式处理这些值,以计算屏幕上圆圈的大小 目前,我正在重复这个等式,并对所有变量进行编号,以匹配原始圆编号,是否有一种方法可以在不重复每个圆的相同代码的情况下通过这个等式运行原始变量 这是代码 $( document ).ready(function() { circle1 = 914; circle2 = 600; G1 = circle1/Math.PI;

代码应该更多地解释我正在尝试做什么。我有多个值作为javascript变量,然后通过一个等式处理这些值,以计算屏幕上圆圈的大小

目前,我正在重复这个等式,并对所有变量进行编号,以匹配原始圆编号,是否有一种方法可以在不重复每个圆的相同代码的情况下通过这个等式运行原始变量

这是代码

$( document ).ready(function() {

        circle1 = 914;
        circle2 = 600;

        G1 = circle1/Math.PI;
        H1 = Math.sqrt(G1);
        J1 = Math.round(H1*20);

        J1margin = J1/2;

        $('.circle1').animate({"height":J1, "margin-top":"-"+J1margin, "width":J1, "margin-left":"-"+J1margin});

        G2 = circle2/Math.PI;
        H2 = Math.sqrt(G2);
        J2 = Math.round(H2*20);

        J2margin = J2/2;

        $('.circle2').animate({"height":J2, "margin-top":"-"+J2margin, "width":J2, "margin-left":"-"+J2margin});

});// JavaScript Document
希望你能明白我的意思。这可能是一个非常简单的解决方案,但我无法很好地表达我的问题,通过谷歌获得答案。谢谢

使用函数:

function animateCircle(radius,el) {

        G = radius/Math.PI;
        H = Math.sqrt(G);
        J = Math.round(H*20);

        Jmargin = J/2;

        $(el).animate({"height":J, "margin-top":"-"+Jmargin, "width":J, "margin-left":"-"+Jmargin});
}
 animateCircle(914,'.circle1');
 animateCircle(600,'.circle2');

你听说过函数编程中的新功能吗?创建一个接受特定参数的函数(分别为circle1、circle2..和G1、G2、H1、H2),它将为你完成所有工作?谢谢!我知道这是一个非常基本的问题,但我是一个设计师而不是开发人员!最好开始开发,成为一名开发人员