首页 >web前端 >js教程 >JS中setInterval和setTimeout实例分析

JS中setInterval和setTimeout实例分析

小云云原创: 2018-02-27 14:41:451634浏览

本文主要和大家分享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()