定时器

定义

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

语法

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>