javascript正弦,用正弦线画正弦函数

javascript 怎么让一个div或span 沿着正弦曲线运动。

我写了一段：

!DOCTYPE html

html

head

script src="//code.jquery.com/jquery-1.9.1.min.js"/script

  meta charset="utf-8"

  titleJS Bin(代码在jsbin上但是由于知道发链接会认为推广)/title

/head

body

  div class="holder"

    img src="

  /div

  

/body

/html

js代码：

$(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);

        }

});

不过我的方向是水平正弦曲线，你修改成一下！就当给你一个思路，你可以设置一下移动的宽度，移动到一定程度在返回，看你的需求了！

js中三角函数sin\cos\tan\cot角度计算

正弦（sin）      sinA = a / c       sinθ = y / r

余弦（cos）     cosA = b / c      cosθ = y / r

正切（tan）      tanA = a / b      tanθ = y / x

余切（cot）      cotA = b / a      cotθ = x / y

js中计算三角函数用Math.sin()等静态方法，参数为弧度

角度与弧度都是角的度量单位

1弧度时，弧长等于半径，那弧长是半径的倍数就是弧度了

弧度 = 弧长 / 半径

弧长 = 弧度 * 半径

弧长 = （角度 / 360） * 周长

角度 = 弧长 / 周长 = 弧长/(2πr) = 弧度*r/(2πr) = 弧度/(2π)

弧度 = 弧长 / 半径 = [(角度 / 360) * 周长] / 半径 =[ (角度 / 360) * 2πr] / r = 角度 * π / 180

javascript 利用表单, 根据输入的角度，计算正弦和余弦值。

function sinx(){

var x=document.getElementById('xxx').value;

var y=Math.sin((x/180)*Math.PI);

document.getElementById('sinx').value=y;

}

function cosx(){

var x=document.getElementById('xxx').value;

var y=Math.cos((x/180)*Math.PI);

document.getElementById('cosx').value=y;

}

input id='xxx' type='text'/

input type='button' onclick='sinx()' value='正弦'/input id='sinx' type='text'/

input type='button' onclick='cosx()' value='余弦'/input id='cosx' type='text'/

javascript 如何使用sin,cos,pi等数学函数及应用

javascript 对象执行数学任务： Math 对象方法 以下内容引自w3学校： 如果要用其制作网页特效，方法就多种多样，一言难尽了主要看你喜欢如何设计了。平时加加减减，很少用到Math对象，但是它还是很有作用的。 FF: Firefox, IE: Internet Explorer方法描述FFIEabs(x)返回数的绝对值。13acos(x)返回数的反余弦值。13asin(x)返回数的反正弦值。13atan(x)以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。13atan2(y,x)返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。13ceil(x)对数进行上舍入。13cos(x)返回数的余弦。13exp(x)返回 e 的指数。13floor(x)对数进行下舍入。13log(x)返回数的自然对数（底为e）。13max(x,y)返回 x 和 y 中的最高值。13min(x,y)返回 x 和 y 中的最低值。13pow(x,y)返回 x 的 y 次幂。13random()返回 0 ~ 1 之间的随机数。13round(x)把数四舍五入为最接近的整数。13sin(x)返回数的正弦。13sqrt(x)返回数的平方根。13tan(x)返回角的正切。13toSource()返回该对象的源代码。1-valueOf()返回 Math 对象的原始值。14