JavaScript定时器 Math函数

点击学习:2018最牛逼的前端公开课!

一定时器


1 、setInterval()

setInterval( function(){} , 1000) 多用于动画 
第一个参数是一个函数 
第二参数是时间,表示1秒(1000毫秒)后调用一次,然后每隔1秒调用一次,第一个参数

如果有想一起学习web前端,HTML5及JavaScript的可以来一下我的前端群:733581373,好友都会在里面交流,分享一些学习的方法和需要注意的小细节,每天也会准时的讲一些前端的炫酷特效,及前端直播课程学习

2 、clearInterval()清除定时器

clearInterval( timerManeger ) 里面的参数的定时管理器

 

1.var  timer = setInterval(fn,1000);
//设置变量timer为`定时管理器`

2.clearInterval(timer);
//清除timer`定时管理器`

3 、setTimeout() 一次定时器

setTimeout( function(){},1000 ) 
第一个参数是一个函数 
第二参数是时间,表示1秒(1000毫秒)后调用一次,然后不再调用

扫描二维码关注公众号,回复: 4191836 查看本文章

 

1. var  a =  0;

2.setTimeout( function(){ alert( a ) },1000);
//只有一次弹窗

4、clearTimeout()

clearTimeout( timerManeger ) 清除定时管理器,用于清除动画还没执行

 

1.var  timer = setInterval(fn,1000);
//设置变量timer为`定时管理器`

2.clearInterval(timer);
//清除timer`定时管理器`


二 、Math 数字函数

Math对象用于执行数学任务 Math对象 无需new,直接调用Math方法就行

Math方法一

1、Math.random() 求随机值

Math.random()随机 0至 小于1 的数 取不到1

 

1.///随机 0~1之间的数

2.var rand = Math.random();

3.alert( rand );

4.

5.///随机 5~10之间的数

6.var rand =  Math.random()*(10-5)+5;

封装 随机 X至Y之间的数

 

function random(x,y){

var rand = x+ Math.random()*( y - x );

}

2、 Math.round()————四舍五入

 
 

var a = 12.6;

Math.round(a );

3、 Math.ceil() ————向上取整 (上舍入)

4、 Math.floor()————向下取整 (下舍入)

5、 Math.abs()—————求绝对值

6、 Math.pow(x,y)———–x的y次幂(x的y次方)

7、 Math.sqrt(x) —————返回数的平方根

8、 Math.max(x,y,z...)——-求x和y的最大值

9、 Math.min(x,y,z...)——-求x和y的最小值

案例3:随机色卡(随机颜色讲解)

numberObject.toFixed()

NumberObject.toFixed(num) 方法可把 Number 四舍五入指定小数位数的数字 
num 规定小数的位数,是 0 ~ 20 之间的值 ,默认0

 
 

var a = 12.655454;

var round = a.toFixed(3);
alert( round );//12.655

Math方法二

”的定义是,“两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度。(如图1) 
弧度的定义是:两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时,两条射线的夹角大小为1弧度。(如图2)

角所对的弧长是半径的几倍那么角的大小就是几弧度。 
它们的关系可用下式表示和计算: 
(弧度)=弧长/半径 
圆的周长是半径的 2π倍,所以一个周角(360度)是 2π弧度

三、度跟弧度之间的换算 
据上所述,一个平角是 π 弧度。 
即 180度=π弧度 
由此可知: 
弧度=π/180度 ( ≈0.017453弧度 )


1、Math.sin(弧度 正弦 对边比斜边 一个以弧度表示的角

点击学习:2018最牛逼的前端公开课!

一定时器


1 、setInterval()

setInterval( function(){} , 1000) 多用于动画 
第一个参数是一个函数 
第二参数是时间,表示1秒(1000毫秒)后调用一次,然后每隔1秒调用一次,第一个参数

2 、clearInterval()清除定时器

clearInterval( timerManeger ) 里面的参数的定时管理器

 

1.var  timer = setInterval(fn,1000);
//设置变量timer为`定时管理器`

2.clearInterval(timer);
//清除timer`定时管理器`

3 、setTimeout() 一次定时器

setTimeout( function(){},1000 ) 
第一个参数是一个函数 
第二参数是时间,表示1秒(1000毫秒)后调用一次,然后不再调用


 

1. var  a =  0;

2.setTimeout( function(){ alert( a ) },1000);
//只有一次弹窗

4、clearTimeout()

clearTimeout( timerManeger ) 清除定时管理器,用于清除动画还没执行

 

1.var  timer = setInterval(fn,1000);
//设置变量timer为`定时管理器`

2.clearInterval(timer);
//清除timer`定时管理器`


二 、Math 数字函数

Math对象用于执行数学任务 Math对象 无需new,直接调用Math方法就行

Math方法一

1、Math.random() 求随机值

Math.random()随机 0至 小于1 的数 取不到1

 

1.///随机 0~1之间的数

2.var rand = Math.random();

3.alert( rand );

4.

5.///随机 5~10之间的数

6.var rand =  Math.random()*(10-5)+5;

封装 随机 X至Y之间的数

 

function random(x,y){

var rand = x+ Math.random()*( y - x );

}

2、 Math.round()————四舍五入

 
 

var a = 12.6;

Math.round(a );

3、 Math.ceil() ————向上取整 (上舍入)

4、 Math.floor()————向下取整 (下舍入)

5、 Math.abs()—————求绝对值

6、 Math.pow(x,y)———–x的y次幂(x的y次方)

7、 Math.sqrt(x) —————返回数的平方根

8、 Math.max(x,y,z...)——-求x和y的最大值

9、 Math.min(x,y,z...)——-求x和y的最小值

案例3:随机色卡(随机颜色讲解)

numberObject.toFixed()

NumberObject.toFixed(num) 方法可把 Number 四舍五入指定小数位数的数字 
num 规定小数的位数,是 0 ~ 20 之间的值 ,默认0

 
 

var a = 12.655454;

var round = a.toFixed(3);
alert( round );//12.655

Math方法二

”的定义是,“两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度。(如图1) 
弧度的定义是:两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时,两条射线的夹角大小为1弧度。(如图2)

角所对的弧长是半径的几倍那么角的大小就是几弧度。 
它们的关系可用下式表示和计算: 
(弧度)=弧长/半径 
圆的周长是半径的 2π倍,所以一个周角(360度)是 2π弧度

三、度跟弧度之间的换算 
据上所述,一个平角是 π 弧度。 
即 180度=π弧度 
由此可知: 
弧度=π/180度 ( ≈0.017453弧度 )


1、Math.sin(弧度 正弦 对边比斜边 一个以弧度表示的角


2 、Math.cos(弧度余弦 邻边比斜边 是 -1.0 到 1.0 之间的数


3、 Math.PI

Math.PI 即π 是圆的周长和它的直径之比。这个值近似为 3.141592653589793 
一弧度 = π/180;将角度乘以(2PI/360) 0.017453293 即可转换为弧度


案例4:圆周运动(三角函数讲解)

点击学习:2018最牛逼的前端公开课!

一定时器


1 、setInterval()

setInterval( function(){} , 1000) 多用于动画 
第一个参数是一个函数 
第二参数是时间,表示1秒(1000毫秒)后调用一次,然后每隔1秒调用一次,第一个参数

2 、clearInterval()清除定时器

clearInterval( timerManeger ) 里面的参数的定时管理器

 

1.var  timer = setInterval(fn,1000);
//设置变量timer为`定时管理器`

2.clearInterval(timer);
//清除timer`定时管理器`

3 、setTimeout() 一次定时器

setTimeout( function(){},1000 ) 
第一个参数是一个函数 
第二参数是时间,表示1秒(1000毫秒)后调用一次,然后不再调用


 

1. var  a =  0;

2.setTimeout( function(){ alert( a ) },1000);
//只有一次弹窗

4、clearTimeout()

clearTimeout( timerManeger ) 清除定时管理器,用于清除动画还没执行

 

1.var  timer = setInterval(fn,1000);
//设置变量timer为`定时管理器`

2.clearInterval(timer);
//清除timer`定时管理器`


二 、Math 数字函数

Math对象用于执行数学任务 Math对象 无需new,直接调用Math方法就行

Math方法一

1、Math.random() 求随机值

Math.random()随机 0至 小于1 的数 取不到1

 

1.///随机 0~1之间的数

2.var rand = Math.random();

3.alert( rand );

4.

5.///随机 5~10之间的数

6.var rand =  Math.random()*(10-5)+5;

封装 随机 X至Y之间的数

 

function random(x,y){

var rand = x+ Math.random()*( y - x );

}

2、 Math.round()————四舍五入

 
 

var a = 12.6;

Math.round(a );

3、 Math.ceil() ————向上取整 (上舍入)

4、 Math.floor()————向下取整 (下舍入)

5、 Math.abs()—————求绝对值

6、 Math.pow(x,y)———–x的y次幂(x的y次方)

7、 Math.sqrt(x) —————返回数的平方根

8、 Math.max(x,y,z...)——-求x和y的最大值

9、 Math.min(x,y,z...)——-求x和y的最小值

案例3:随机色卡(随机颜色讲解)

numberObject.toFixed()

NumberObject.toFixed(num) 方法可把 Number 四舍五入指定小数位数的数字 
num 规定小数的位数,是 0 ~ 20 之间的值 ,默认0

 
 

var a = 12.655454;

var round = a.toFixed(3);
alert( round );//12.655

Math方法二

”的定义是,“两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度。(如图1) 
弧度的定义是:两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时,两条射线的夹角大小为1弧度。(如图2)

角所对的弧长是半径的几倍那么角的大小就是几弧度。 
它们的关系可用下式表示和计算: 
(弧度)=弧长/半径 
圆的周长是半径的 2π倍,所以一个周角(360度)是 2π弧度

三、度跟弧度之间的换算 
据上所述,一个平角是 π 弧度。 
即 180度=π弧度 
由此可知: 
弧度=π/180度 ( ≈0.017453弧度 )


1、Math.sin(弧度 正弦 对边比斜边 一个以弧度表示的角


2 、Math.cos(弧度余弦 邻边比斜边 是 -1.0 到 1.0 之间的数


3、 Math.PI

Math.PI 即π 是圆的周长和它的直径之比。这个值近似为 3.141592653589793 
一弧度 = π/180;将角度乘以(2PI/360) 0.017453293 即可转换为弧度


案例4:圆周运动(三角函数讲解)

最后

如果大家有什么见解,欢迎大家留言评论!

最后

如果大家有什么见解,欢迎大家留言评论!


2 、Math.cos(弧度余弦 邻边比斜边 是 -1.0 到 1.0 之间的数


3、 Math.PI

Math.PI 即π 是圆的周长和它的直径之比。这个值近似为 3.141592653589793 
一弧度 = π/180;将角度乘以(2PI/360) 0.017453293 即可转换为弧度


案例4:圆周运动(三角函数讲解)

最后

如果大家有什么见解,欢迎大家留言评论!

最后,如果有想一起学习web前端,HTML5及JavaScript的可以来一下我的前端群:733581373,好友都会在里面交流,分享一些学习的方法和需要注意的小细节,每天也会准时的讲一些前端的炫酷特效,及前端直播课程学习

如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端技术圈’或者‘webxh6’关注后回复‘2018’可以领取一套完整的学习视频

猜你喜欢

转载自blog.csdn.net/qq_40433465/article/details/84302181