常用的数学函数+定时器

最新推荐文章于 2023-03-23 19:53:44 发布

caicai16

最新推荐文章于 2023-03-23 19:53:44 发布

阅读量423

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/caicai16/article/details/106169132

版权

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

这篇博客介绍了JavaScript中常用的数学函数，如绝对值、最大值、最小值、指数函数和三角函数，并强调了角度与弧度的转换。此外，还详细讲解了定时器的使用，包括一次性定时器setTimeout、周期性定时器setInterval以及如何清除定时器。同时，提到了requestAnimationFrame在动画中的应用和解决事件堆积的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、常用的数学函数
1.绝对值 abs
2.max 一组数中得到最大的数值
min 一组数中得到最小的数值
max 和 min都需要传入一组数据
3.指数函数 pow
4.π的表示 PI
5.三角函数 sin cos tan
注意：角度和弧度的转换
360 = 2π
弧度=角度*π/180

1.绝对值
在这里插入图片描述
2.max min

结果

3.指数函数 pow(a,b)传入两个参数，a指数值，b指指数是多少

结果 243

4.π的表示 PI

 console.log(Math.PI);//2.1415...
 //π 是常量

5.三角函数
弧度=角度*π/180

   console.log(Math.sin(Math.PI / 180*30));
   console.log(Math.cos(Math.PI / 180*30));
   consol.log(Math.tan(Math.PI / 180*90));

二、定时器-----闹钟：规定时间做某一件事情
1.短时间(一次性的)的定时器 setTimeout(参数1，参数2，参数3)
参数1：函数—做什么事情
参数2: 时间毫秒为单位 1000ms=1s
参数3: 传参数（可以多个参数、一个参数，紧跟着参数2后边直接写，并用逗号隔开）

setTimeout(function(a){
//a是形参。对应实参"我爱你"
	console.log(a);
	console.log("我要抱抱");
},1000,"我爱你")

2.长时间(反复/重复性的)的定时器 setInterval(参数1,参数2,参数3)
参数1：函数—做什么事情
参数2: 时间毫秒为单位 1000ms=1s
参数3: 传参数（可以多个参数、一个参数，紧跟着参数2后边直接写，并用逗号隔开）

setInterval(function(a){
	console.log("我爱你，我要抱抱");
},1314);

3.如何清除定时器
clearsetTimeout()
clearInterval()
给定时器定义变量，因为无论定时器是多少个相同，都会有对应的序号排序

1）定义

let Time=setInterval(function(a){ console.log(“我爱你，我要抱抱”); },1314);

2）清除

document. onclick = function(){ clearInterval(Time); }

4.定时器—异步操作：可以根据时间先执行自己想要的代码，但是得先同步操作，因为Js是单线程的
在这里插入图片描述

5.requestAimationFrame 执行一次，使用在动画，跟浏览器的刷新一样的快

 let Time=requestAimationFrame(function(a){
 	console.log("2");//打印2
  });
  //清除
  cancelAnimationFrame(Time) ;

6.解决事件堆积，使用函数包裹，并且自执行

// 事件堆积--堵塞
// setInterval( function( ){
//console. log("你们爱大佬”)
// },10);//反复执行会让浏览器速度变慢
 
function goudan(){
	setTimeout(function(){
	console.log("你们爱大佬”)
	goudan();//执行函数里面的代码
	},10)
}
goudan();//执行一次函数