本内容是《Web前端开发之Javascript视频》的课件，请配合大师哥《Javascript》视频课程学习。

  计时器：

  Javascript是单线程语言，但它允许通过设置超时和间歇时间值来调度代码在特定的时刻执行；其是通过setTimeout()和setInterval()两个window对象的全局函数实现的，用来注册在指定的时间之后单次或重复调用的函数；

  setTimeout()：

  延迟代码执行（也叫超时调用）：用来实现一段代码在指定的毫秒之后运行；

  语法：window.setTimeout(code,delay)，code要执行的代码，可以是一个包含Javascript的代码字符串，也可以是一个函数，delay等待的毫秒数；

   // 不建议传递字符串

    setTimeout("alert('zeronetwork')",3000);
    // 推荐的使用方式
    setTimeout(function(){
        alert('zeronetwork');
    },3000);
    // 推荐的使用方式
    setTimeout(show,3000);
    function show(){
        alert('zeronetwork');

  因为历史原因，第一个参数可以传递字符串js onmouseout 延迟执行，但有可能导致性能损失，因为这个字符串会在指定的超时时间之后进行求值，相当于执行eval()，因此不推荐使用字符串的形式；

   // 能达到无限循环的目的

    var n = 0;
    function fun(){
        n++;
        console.log(n);
        setTimeout(fun, 1000);
    }
    fun();  // 直接执行

  第二个参数是一个表示等待多长时间的毫秒数，但经过该时间后指定的代码并不一定会执行；Javascript是一个单线程的解释器，因此一定时间内只能执行一段代码；为了控制要执行的代码，就有一个Javascript任务队列，这些任务会执照将它们添加到队列的顺序执行；这个参数实际上是告诉Javascript再过多长时间把当前任务添加到队列中，如果队列是空的，那么添加的代码会立即执行，如果队列不是空的，那么它就要等前面的代码执行完毕后再执行；

  另外，如果该参数为0，也并不一定会立即执行，因为也需要将它放到队列中，等待前面的任务全部执行完后，才会“立即”执行；

  setTimeout()方法会返回一个数字ID，ID本质上是要延迟进程的ID，是计划执行代码的唯一标识符；可以使用clearTimeout()方法，调用此ID，达到取消超时调用的目的；

   var timeoutid = setTimeout(function(){

        alert("zeronetwork");
    },3000);
    console.log(timeoutid);

  只要是在指定的时间尚未过去之前调用clearTimeout()，就可以完全取消超时调用；

    
    time
    
    function showClock(){
        var d = new Date();
        var showtime = document.getElementById("showtime");
        showtime.innerHTML = d.toLocaleString();
        // ident = setTimeout(showClock(), 1000);
        ident = setTimeout("showClock()", 1000);
    }

  示例：可以利用 clearTimeout() 方法在特定条件下清除延迟处理代码。例如，当鼠标指针移过某个元素，停留半秒钟之后才会弹出提示信息，一旦鼠标指针移出当前元素，就立即清除前面定义的延迟处理函数，避免干扰；

   #零点网络

    零点教育是从事IT教育
    <p>主讲：零点网络

    
    var o = document.getElementsByTagName(&#39;body&#39;)[0].childNodes;
    for(var i=0; i10)
            clearInterval(1);

</p>
  取消间隔调用的重要性要远远高于取消超时调用，因为在不取消的情况下，间隔调用将会一直执行到页面卸载；

   var num = 0, max = 10;

    var intervalId = null;
    function incNum(){
        num++;
        console.log(num);
        // 如果执行次数达到了max设定的值，则取消后续的调用
        if(num == max){
            clearInterval(intervalId);
            alert("结束");
        }
    }
    intervalId = setInterval(incNum, 1000);
     
    // 另外
    var mInput = document.getElementsByTagName('input')[0];
    var sInput = document.getElementsByTagName('input')[1];
    var m = 4,s = 52;
    var timer = setInterval(function(){
        s++;
        if(s == 60){
            s = 0;
            m++;
        }
        sInput.value = s;
        mInput.value = m;
        if(m == 5)
            clearInterval(timer); 

  setTimeout()与setInterval()同时使用时，其返回的id也会按顺序返回；

  在某些时候 setTimeout()与 setInterval() 可以实现同样的效果；

<p><pre>var num = 0, max = 10;
function incNum(){
    num++;
    console.log(num);
    // 如果执行次数达到了max设定的值，则取消后续的调用
    if(num