再谈定时器

setTimeout 和 setInterval两个定时器都是接收两个参数；

第一个参数可以是字符串或函数；

第二个参数是时间（单位是毫秒）；如下图：

重点关注第一个参数用法，如下所示：

// 测试setTimeout定时器
        var test1 = function () {
            console.log("执行了一次t1")
        };
        var test2 = function () {
            console.log("执行了一次t2")
        };
         //写法1
        var t1 = window.setTimeout("test1()",500);
         //写法2
        var t2 = window.setTimeout(test2,500);
         //写法3
        var t3 = window.setTimeout(function () {
            console.log("执行了一次t3");
        },500);

        window.onclick = function () {
            window.clearTimeout(t1);
            window.clearTimeout(t2);
            window.clearTimeout(t3);
        };

//测试 setInterval定时器
        var st1 = function () {
            console.log("setInterval定时器在执行了一次")
        };
        var st2 = function () {
            console.log("setInterval定时器在执行了一次")
        };
        //写法1
        var s1 = window.setInterval("st1()",500);
        //写法2
        var s2 = window.setInterval(st2,2000);
        //写法3
        var s3 = window.setInterval(function () {
            console.log("执行了一次s3")
        },1000);

        window.onclick = function () {
            window.clearInterval(s1);
            window.clearInterval(s2);
            window.clearInterval(s3);
        };

另外，setTimeout 相比 setInterval 性能更好，我们可以用 setTimeout  模拟 setInterval的效果，如下：

//测试 用 setTimeout定时器 模拟实现 setInterval定时器 效果
        var test3 = function () {
            console.log("执行啦");
            setTimeout(function () {
                test3();
            },1000)
        };
        test3();
        window.onclick = function () {
            test3 = null;
        };

补充---有关定时器的id：

程序中的每个定时器（包括setTimeout和setInterval两个）都有一个属于自己的id，执行时会打印出来，如下所示：

for (var i = 1; i < 5; i++) {

  setTimeout( function timer() {

      console.log(i);

  }, 1000 );

}

4；  //首先打印1个4，即定时器id，上面代码其实创建了4个定时器，但默认只返回最后一个的Id，即会先输出1个4；

5；  //其次打印4个5，这是定时器里的闭包打印的；