三角函数与JavaScript

  1. 三角函数

  • sin&(求对边与斜边的比值) cos&(邻边与斜边的比值) tan&(对边与邻边的比值)

2.JavaScript的函数的使用

  • Math.sin()
  • Math.cos()
  • Math.tan()

  3. 角度

  •  角度与弧度的关系  

    • 1弧度等于的r的半径
    • 360=2π
    • 1度的转弧度的js的写法1*Math.PI/180
    • 求对边的长度就是 Math.sin(Math.PiI/180)*r;
    • 求邻边的长度就是Math.cos(Math.PI/180)*r;
    • 求邻边的长度就是Math.tan(Math.PI/180)*r;

 4. 圆周运动的例子 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	  .box{
	  	 width:20px;
	  	 height:20px;
	  	 background:yellow;
	  	 position: absolute;

	  }
	</style>
</head>
<body>

</body>
  <script>

  	var x=700;
  	var y=300;
  	var r=100;
  	var num=1;
	var box=document.createElement("div");
	box.className="box";
	 setInterval(function(){

     var a=Math.sin(num*Math.PI/180)*r;
     var b=Math.cos(num*Math.PI/180)*r;
     box.style.top=y+a+"px";
     box.style.left=x+b+"px";
     num++;
      document.body.appendChild(box);
	},10)

  </script>
</html>

  

 

时间: 2025-01-01 13:55:58

三角函数与JavaScript的相关文章

Javascript中,数学方法可以分成以下几类: constans(常数)、power functions(乘方函数)、trigonometic functions(三角函数)、rounding functions(舍入函数)、random numbers(随机数字)

在Javascript中,数学方法可以分成以下几类: constans(常数).power functions(乘方函数).trigonometic functions(三角函数).rounding functions(舍入函数).random numbers(随机数字) 常数和乘方函数 Math.E 自然对数的底(为常数) 2.718 Math.LN10 10的自然对数 2.302 Math.LN2 2的自然对数 0.693 Math.PI 圆周率 3.1415 Math.SQRT1_2 1/

javascript三角函数的使用

其实很多编程语言里面都有数学函数,而且很多数学函数包括三角函数,只不过有些时候可能我们用的并不多,我最近在做一个h5的游戏,其中有一个需求就是射击的枪支需要更随鼠标变换位置,鼠标移动到什么地方,炮口就要指向那个方位,刚开始一直不能理解,后来朋友提供了思路,其实使用的就是javascript里面的三角函数. 首先呢,我们复习一下高中时候学习的三角函数的的基本知识吧,我这里介绍其中几个简单的,第一个是sin函数,第二个是cos函数 ,第三个是tan函数,四四个是atan函数,sin函数在数学里面其实

javascript类型系统——Math对象

× 目录 [1]常量 [2]函数 前面的话 javascript使用算术运算符实现基本的算术运算,如果要实现更加复杂的算术运算,需要通过Math对象定义的常量和函数来实现.和其他对象不同,Math只是一个静态对象,而并没有Math()构造函数.实际上,Math只是一个由Javascript设置的对象命名空间,用于存储数学常量和函数.本文将详细介绍Math对象 new Math();//Uncaught TypeError: Math is not a constructor 常量 Math对象一

javascript实例1——时间日期篇

本来想在网上找一些js实例来练练手,结果发现一本书<突破JavaScript编程实例五十讲>,看了下内容还不错,就下了下来: 后面又下了该书籍的源码,一看才发现这本书编的日期是2002年的,代码运行之后,也没有效果,原因是其所用的一些语言是已经淘汰的了.于是就想,要不我把他的代码整理整理,再添加一些自己的想法在里面,顺便练练手. 在此,也对该书的作者马健兵等编著表示致敬,感谢他们的辛苦编著.如本文有侵权,立删! 由于空间的限制,就不将js,css以单独文件存储了,全部都在html文件中,但已分

第一章:数据结构与算法javascript描述

在前端工程师中,常常有一种声音,我们为什么要学数据结构与算法,没有数据结构与算法,我们一样很好的完成工作.实际上,算法是一个宽泛的概念,我们写的任何程序都可以称为算法,甚至往冰箱里放大象,也要通过开门,放入,关门这样的规划,我们也可以视作为一种算法.可以说:简单的算法是人类的本能.而算法的知识的学习则是吸取前人的经验.对于复杂的问题进行归类,抽象,帮助我们脱离刀耕火种的时代,系统掌握一个算法的过程. 随着自身知识的增长,不论是做前端,服务端还是客户端,任何一个程序员都会开始面对更加复杂的问题,算

JavaScript: 使用 atan2 来绘制 箭头 和 曲线

最近搞Canvas绘图,知道了JavaScript中提供了atan2(y,x)这样一个三角函数.乍眼一看,不认识,毕竟在高中时,学过的三角函数有:sin,cos,arcsin,arccos,tan,arctan等,并没有这个.而工作中又需要用到它,所以这里就做了个简单的了解. 在坐标系中理解tan 和atan 为何存在atan2 ? atan2 应用 何时需要用到 atan2 在坐标系中理解tan 和 atan 回顾一下三角函数tan: tanθ,用三角函数来表示时,它的值等于sinθ/cosθ

javascript 之算术运算(Math对象的运用)

Javascript支持复杂的算术运算,这些复杂的算术运算通过作为Math对象的属性定义的函数和常量来实现: Math.pow(2,53)            // =>   2的53次方,幂的运算 Math.round(.6)             // =>   1.0:四舍五入 Math.ceil(.6)                // =>   1.0:向上求整 Math.floor(.6)              // =>   0.0:向下求整 Math.ab

JavaScript数学对象Math的创建与使用

Js中Math对象不用使用new创建,直接使用即可 常用的功能有,取绝对值,四舍五入,取整,随机数,取最大最小值 取绝对值:Math.abs(number) <script type="text/javascript"> // 绝对值 document.write("-100的绝对值为:" + Math.abs(-100) + '<br/>'); // 100 </script> 四舍五入,Math.round(number) &

【JS】 Javascript 入门

javascript **********本章大量示例和内容引用自w3cschool的javascript教程************** 本来已经快写完90%左右了,结果不小心跑了个js,不小心把浏览器弄死,不小心没保存草稿T-T一切都要从头开始写过了orz.好吧再写一遍! ■ 概述 js是一种轻量级的浏览器脚本语言,其兼容性很好(几乎可以用在所有的浏览器上)这也就意味着从PC到智能手机所有可以用浏览器的设备都可以运行js脚本了.所以说js是互联网上最受欢迎&最常用的脚本语言不为过. js被互