今日焦点 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 软件开发 » 正文

JS中setInterval和setTimeout实例分析

放大字体  缩小字体 发布日期:2018-02-27  来源:企业800网  作者:新格网  浏览次数:171  【去百度看看】
核心提示:本文主要和大家分享JS中setInterval和setTimeout实例分析,希望能帮助到大家。

本文主要和大家分享JS中setInterval和setTimeout实例分析,希望能帮助到大家。

1 setInterval

是一个函数,功能: 可以重复去执行某段代码块(函数)
setInterval(函数,时间间隔), 隔多少时间,去重复执行第一个参数(函数块)
注意:时间单位 毫秒 1000 = 1秒
函数名不能加括号 这种写法是错的: fn()

2 clearInterval 清除定时器(setInterval)

 注意:  在开启一个新的定时器之前,先清除定时器

3 chrome 新标签页插件
Infinity新标签页

4 aLi是类数组,循环设置样式的时候注意使用for循环,不要用for in

5 setTimeout 语法结构和setInterval类似,但是表示的意思不一样
setTimeout 等到多少时间后去执行某段代码块,类似定时炸弹
setTimeout(fn, 3000), 等到3秒钟以后去执行fn函数 定时炸弹
setInterval(fn, 3000), 每隔3秒去执行fn函数 发动机

6 递归函数
函数中可以调用别的函数,还可以调用自己,这种函数叫做递归函数
注意:递归函数有递进和回归两重意思
递归函数的应用场景: 一个大的问题可以拆分成多个相似的子问题,这些子问题的解决方法类似,
这个时候就可以用递归函数,
例如:把这个需求:在body中打印出1-3看作是一个大问题
子问题: 每次打一个数, 解决方案,document.write()

递归创建文件夹,递归删除文件夹

注意: 写递归函数的时候要注意出口,要给递归调用设定退出的条件

7 清除定时器
setInterval 每隔一定的时间去执行一段代码(循环) 清除: clearInterval
setTimeout 等到一定的时间后执行一段代码(执行一次)清除: clearTimeout

1 setInterval
是一个函数,功能: 可以重复去执行某段代码块(函数)
setInterval(函数,时间间隔), 隔多少时间,去重复执行第一个参数(函数块)
注意:时间单位 毫秒 1000 = 1秒
函数名不能加括号 这种写法是错的: fn()

2 clearInterval 清除定时器(setInterval)

 注意:  在开启一个新的定时器之前,先清除定时器

3 chrome 新标签页插件
Infinity新标签页

4 aLi是类数组,循环设置样式的时候注意使用for循环,不要用for in

5 setTimeout 语法结构和setInterval类似,但是表示的意思不一样
setTimeout 等到多少时间后去执行某段代码块,类似定时炸弹
setTimeout(fn, 3000), 等到3秒钟以后去执行fn函数 定时炸弹
setInterval(fn, 3000), 每隔3秒去执行fn函数 发动机

6 递归函数
函数中可以调用别的函数,还可以调用自己,这种函数叫做递归函数
注意:递归函数有递进和回归两重意思
递归函数的应用场景: 一个大的问题可以拆分成多个相似的子问题,这些子问题的解决方法类似,
这个时候就可以用递归函数,
例如:把这个需求:在body中打印出1-3看作是一个大问题
子问题: 每次打一个数, 解决方案,document.write()

递归创建文件夹,递归删除文件夹

注意: 写递归函数的时候要注意出口,要给递归调用设定退出的条件

7 清除定时器
setInterval 每隔一定的时间去执行一段代码(循环) 清除: clearInterval
setTimeout 等到一定的时间后执行一段代码(执行一次)清除: clearTimeout

相关推荐:

JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题

Javascript中setInterval的使用详解

Javascript定时器中关于setTimeout()与setInterval()的详解

以上就是JS中setInterval和setTimeout实例分析的详细内容,更多请关注php中文网其它相关文章!

 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持