用JS绘制正弦曲线

权当温习高中数学知识了。。。

正弦曲线的公式：y=Asin(ωx+φ)+k
x是x轴上的数值
y是y轴值
A振幅上下翻动的幅度。
(ωx+φ)相位，反映变量y所处的状态。
φ初相，x=0时的相位；反映在坐标系上则为图像的左右移动。
k偏距，反映在坐标系上则为图像的上移或下移。
ω角速度， 控制正弦周期(单位角度内震动的次数)。

例子很简单，就是让一张图片在屏幕上做一个正弦曲线的移动，代码如下

$(function() {
        var x = 0;
        var y = 0;
        var tt = setInterval(scrollImg, 10);
        function scrollImg() {
            var top = Math.abs(Math.sin(x)*50 + 100);
            var left = y;
            $(".holder").find('img').each(function() {
                var $this = $(this);
                $(this).css({"margin-top" : top + "px", "margin-left" : y + "px"});
                y = y + 1;
                x = (0.03) * y + 2;
            });
            if (y > 800)
                clearInterval(tt);
        }

});