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.案例
广告自动关闭效果
模拟短信倒计时效果
0 条评论
下一页
