我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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


文章名称:javascript正弦,用正弦线画正弦函数
分享地址:http://mswzjz.cn/article/dsdhppi.html

其他资讯