1、拖拽一个文本框，文本框变化时，设置文本递增，这样就得到了一组变化的数值，可以作为移动圆点的横坐标m。
2、拖拽一个圆形形状，还是在文本框上设置用例，文本改变时，移动圆形到绝对位置，x为文本框的递增值，y暂时先设置为0，就得到了一个随时间移动的圆形。
3、如何让圆形按椭圆的轨迹移动，就要利用到椭圆公式，其中a，b分别为长短轴长，中心点为(h,k)，主轴平行于x轴。通过椭圆形元件的长、宽、横纵坐标、y以及圆形元件的长（宽）、横坐标计算除y以外的所有参数，根据该公式计算y，然后再换算成圆形的纵坐标。
4、拖拽一个椭圆形到页面中，作为轨道，根据上述公式计算出移动圆形的纵坐标，这里比较复杂，但是只要厘清变量和函数的关系，不难写出。
5、现在的问题还剩下如何让椭圆“拐回头”。这个其实是公式当中的 ± 影响的。我们可以引入一个全局变量 flag 来实现±。当圆形元件移动时，通过判断中心点在椭圆的宽度范围内时，移动圆形的横坐标就递增，不然就递减。
