JS第三章-定时器/日期对象

JS第三章-定时器/日期对象 扫二维码继续学习

vip

该课程为限制课程
请联系客服

onchange是一个表单事件

[展开全文]

t   已过的时间

b   开始的位置

c   总距离

d   总时间

 

[展开全文]

运动的原理

t,b,c,d

t:time  已过时间

b:begin  起始值

c:count  总的运动值

d:duration   持续时间

时间版运动,根据时间去控制速度,已知时间与距离,用它俩算出来速度

匀速运动

特点:在任何一个点的速度都是一样的

某个点的位置=速度*时间

速度:总的距离/总的时间

时间:现在的时间-开始的时间、

某个点的位置=总的距离/总的时间*(现在的时间-开始的时间)

 

 

 

[展开全文]

运动框架

 move();

第一参数:obj

第二参数:对象

第三参数:时间,单位是毫秒

第四参数:"linear"

第五参数:函数 

[展开全文]

运动的问题3:

如果有多个元素要同时运动,那前面的运动会没有效果

原因:是因为每次运动开始都会清除上一个定时器,所以导致后面的运动会把前面的定时器清除了,前面就不会运动

解决:一上来只清除自己身上的定时器,不会清除别人的定时器

传进来的是一个字符串,不能用.(点)

[展开全文]

运动的问题:

2.如果用户连续点击运动按钮的话速度就会越来越快

原因:用户不断去点击按钮话会重复开启多个定时器,造成速度累加

解决:点击的时候先把上一个定时器清除了

在一开始的时候把定时器清掉。清除一个不存在的定时器是不会有问题的

[展开全文]

定时器返回一个数字,定时器编号。清除定时器的方法其实清掉的是编号。所以可以用任何一种方法清除定时器,即使它们不对应也没关系。

[展开全文]

定时器的编号

定时器的一个返回值,返回一个数字,待办当前定时器的编号,我们可根据这个来清除定时器

它返回的编号在不同的浏览器里是不同的,所以没办法直接拿编号来去清除定时器

可以声明一个变量,把定时器的返回值都存在这个变量里,然后拿这个变量去清除定时器

 

清除定时器的方法

1.清除重复执行定时器

clearInterval(定时器的返回值)

清除定时器一般会放在定时器执行的函数里面

定时器在每个浏览器的返回值(编号)是不一样的

2.清除延时执行定时器

[展开全文]

定时器里的this 

 

[展开全文]

延迟执行定时器

setTimeout()

作用:当延迟时间到达后,会执行指定的函数,这个函数只执行一次

语法

setTimeout(function(){

当时间到达后,会执行这里的代码

},时间);

参数

1.要执行的函数:当时间到达后会执行这个函数

注意:如果函数是写在外面的,在这里调用的时候只用写函数的名字,不用加括号

2.时间:延迟时间,时间单位也是毫秒

 

什么时候用

当需要每隔一段时间就去做同一件事的时候,就用setInterval

当需要延迟一段时间后去做一件事情,就用setTimeout

[展开全文]

定时器的分类

1.重复执行定时器

setInterval()

作用:每隔一段时间就会去执行指定的函数,重复的执行

语法

setInterval(function(){

    每隔一段时间就会执行这里的代码

},时间)

参数

1.要执行的函数:当时间到了就会执行

注意:如果函数是在外面定义的,这里面调用的话只能写函数的名字,不能加括号

2.时间:间隔的时间,单位是毫秒  1s=1000ms

 

2.延迟执行定时器

[展开全文]

定时器是什么

js中系统提供的函数

定时器

js中内置的一个方法

作用

每隔一段时间或者延迟一段时间就去执行一段指定的代码

[展开全文]

设置顺序: 天 -> 月 -> 年

[展开全文]

callback && callback();

可以的。

[展开全文]

运动时每个元素都需要一个定时器

可以将定时器设定为对象的一个属性

[展开全文]

Chrome刷新频率 16ms

普通视频30ms

[展开全文]
eddie32 · 2017-04-15 · 8-运动雏形 0

定时器 异步执行

清除定时器: 在定时器调用的内部函数中。

[展开全文]

定时器返回值: 定时器编号

[展开全文]

t  已过的时间

b 开始的位置

c 总距离

d总时间

某个点的位置=速度*时间

速度:总的距离/总的时间

时间:结束的时间-开始的时间

[展开全文]

授课教师

金牌讲师