将相同的数学公式应用于多个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');