定时器+动画函数+Math对象

定时器+动画函数+Math对象

1. 定时器

(1)      Js提供了一些原生的方法，用来帮助我们延时执行代码，这些方法就是定时器

(2)      定时器的分类

①    延迟定时器    setTimeout

1)       作用：让指定代码 延迟指定时间 执行

2)       用法：setTimeout(function(){ 要延迟执行的代码 } , 延迟时间)

1. 延迟时间单位为ms 我们不写单位

②    间歇定时器  setInterval

1)       作用：让指定的代码 每个一个时间间隔 执行一次

2)       用法：setInterval(function(){要间歇执行的代码} , 间歇时间)

1. 间歇时间单位为ms 我们不写单位 1000ms == 1s

(3)      清除定时器

①    clearInterval

1)       用法：clearInterval(定时器id)

2)       定时器id：定时器函数的返回值 这个值 是一个数字 从1 开始 按照定时器出现的顺序 进行排序

3)       作用：清除间歇定时器

②    clearTimeout

1)       用法：clearTimeout(定时器id)

2)       清除延迟定时器

 

 

1. 动画函数

(1)      定时器的叠加问题

①    记住：只要出现闪烁现象 一定是因为 定时器的叠加

1. Math对象

(1)      Math对象 是js中的一个内置对象  给我们提供了一些可以解决 关于基础数学问题的方法

(2)      Math对象中的常用方法

①    Math.floor(数字): 向下取整  舍弃数字的小数位

②    Math.ceil(数字): 向上取整 小数位向整数进1  1.1--->2

③    Math.max(数字1，数字2，数字3.....): 取所有数字中的最大值

④    Math.min(数字1，数字2，数字3.....): 取所有数字中的最小值

⑤    Math.round(数字): 四舍五入  只考虑第一位小数

⑥    Math.pow(x,y):  x的y次方

⑦    Math.sqrt(数字): 开平方

⑧    Math.random(): 自动生成一个 [0-1) 的随机数 能取到0 取不到1

(3)      获取指定范围的随机数

①    0-x范围的随机数

1)       0-100 随机数  Math.random()*100

2)       规律：Math.random() * x

②    X-y范围的随机数

1)       100-300 随机数 Math.random()*(300-100)+100

2)       规律：Math.random() * (y-x) + x