将相同的数学方程应用于多个 jQuery 值

Question

代码应该更多地解释我正在尝试做的事情。我有多个值作为 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

希望你能明白我的意思。这可能是一个非常简单的解决方案，但我的问题措辞不够好，无法通过 Google 获得答案。谢谢！

Answer 1

使用函数：

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');

将相同的数学方程应用于多个 jQuery 值

Apply the same maths equation to multiple jQuery values

javascript

css

jquery

equations