定时器

定义

按照设定的时间间隔 循环往复执行程序也就是 按照设定的时间间隔 每间隔设定的时间 执行一次程序事件间隔的单位是 毫秒也就是 按照间隔时间 一直重复执行程序

语法

setInterval( 参数1 , 参数2 )
                        参数1   执行的函数程序
                        参数2   时间间隔

参数1的语法形式

语法形式1 匿名函数

语法形式2 函数名称

参数1的语法形式 称为 回调函数 callback

注意

最初的时间间隔内 没有执行程序，时间间隔的设定需要根据电脑的配置设定，60Hz 是 1秒刷新60次 ，刷新一次间隔是 16.66666...毫秒，一般最小值设定20。

    <script>// 第一种写法// 定时器   匿名函数setInterval(function(){console.log("大聪明码农徐");// 时间间隔},1000);// 第二种写法// 定时器   函数名称  时间间隔setInterval(fun,1000);// 封装函数function fun(){console.log("大聪明码农徐");}</script>

运行结果：

 

延时器

定义

按照设定的时间间隔 延迟执行程序也就是 按照间隔时间 延迟执行 一次程序，且只执行一次

语法

setTimeout( 参数1 , 参数2 )

参数1   执行的函数程序

参数2   时间间隔

参数1的语法形式

语法形式1 匿名函数

语法形式2 函数名称

参数1的语法形式 称为 回调函数 callback

    <script>// 第一种写法// 延时器   匿名函数setTimeout(function(){console.log("大聪明码农徐");// 时间间隔},3000);// 第二种写法//延时器  函数名称  时间间隔setTimeout(fun,3000);// 封装函数function fun(){console.log("大聪明码农徐");}</script>

运行结果： 

清除定时器延时器

clearInterval(参数)

                clearTimeout(参数)

                这两个函数 都是 既可以清除定时器 也可以清除延时器

                参数是 定时器 或者 延时器 的 序号编号

                定时器 延时器 函数程序的执行结果返回值 就是 定时器延时器的序号编号

                定时器延时器 是 公用一个序号编号 序号编号 是 顺延的

    <script>// 定时器延时器的执行效果 是 按照间隔的时间 触发 参数1 设定的函数程序// 定时器延时器的执行结果返回值 是 定时器延时器函数内部定义的return的数值// 也就是 变量中 存储的是 定时器延时器函数中 return 返回的数据数值 // 也就是 定时器延时器的编号序号// 延时器var num1 = setTimeout( function(){console.log(111)} , 1000 );var num2 = setTimeout( function(){console.log(222)} , 2000 );var num3 = setTimeout( function(){console.log(333)} , 3000 );var num4 = setTimeout( function(){console.log(444)} , 4000 );// 定时器var num5 = setInterval( function(){console.log(555)} , 1000 );console.log( num1 );console.log( num2 );console.log( num3 );console.log( num4 );console.log( num5 );// 清除的参数是 定时器 延时器 的 序号编号 // 可以 直接定义 数字 // 可以 使用变量 存储 定时器延时器的执行结果返回值clearInterval( 1 );clearInterval( num2 );</script>