首页  思维导图  详情



 



JavaScript定时器

2018-04-10 16:26:22   18  举报





AI智能生成

JavaScript定时器笔记

模板推荐

作者其他创作

大纲/内容

1.什么是定时器？

定时器是指在指定的时间间隔执行某个操作，应用：发送短信验证码效果,轮播图效果，延迟加载效果。。。

2.定时器的使用

2.1 延时型定时器

2.1.1定义：在指定的延迟时间之后调用一个函数或执行一个代码片段。

2.1.2语法：setTimeout(code,delay)

第一个参数可以是一个回调函数，也可以是一个函数名，还可以是一个字符串

回调函数不能带参数

函数名也不能传参，如果带上参数就直接执行函数了，无法延时

如果是字符串，字符串首先必须是一段可执行的js代码，字符串可以带参数，但是性能上比函数名差

第二个参数为延时的时间

2.2 间隔型定时器

2.2.1定义：以固定的时间间隔重复调用一个函数或者代码段

3.清除定时器的使用

3.1清除延时型定时器

3.1.1定义：关闭指定开启的延时型定时器

2.2.2语法：setInterval(code,delay)

第一个参数可以是一个回调函数，也可以是一个函数名，还可以是一个字符串

第二个参数为间隔的时间

3.1.2语法：clearTimeout(variable)

clearTimeout()里面的参数可以是用来保存定时器的变量

clearTimeout()里面的参数也可以是定时器的返回值

3.2清除间隔型定时器

3.2.1定义：关闭指定开启的间隔型定时器

3.1.2语法：clearInterval(variable)

clearInterval()里面的参数可以是用来保存定时器的变量

clearInterval()里面的参数也可以是定时器的返回值

3.3提示：两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别，清除定时器的时候没有区别)

4.定时器的返回值

JS中的定时器是有返回值的:返回值是一个数字,代表当前是第几个定时器，需要注意的是，定时器即使清除了，其返回值也不会清除，之后设置的定时器的返回值也会在其返回值的基础上继续向后排

5.案例

广告自动关闭效果

模拟短信倒计时效果

 Collect

Get Started

定时器TIM2中断

 Collect

Get Started

定时器扫描

 Collect

Get Started

定时器框架详细

 Collect

Get Started

定时器





0 条评论

下一页