定时器

定时调用

如果希望一段程序每隔一段时间执行一次，可以使用定时调用。

setInterval()

定时调用，可以将一个函数每隔一段时间执行一次,该方法是window对象的方法。

• 参数：

1. 回调函数，该函数会每隔一段时间被调用一次
2. 每次调用间隔的时间，单位是毫秒

• 返回值：返回一个Number类型的数据，这个数字作为定时器的唯一标识。

clearInterval()

用来关闭一个定时器，方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器。可以接受任意参数，如果参数是一个有效的标识则停止对应的定时器，如果不是一个有效标识，则什么也不做。

• 每隔一秒一次输出10以内的数字，代码如下：

		var info = document.getElementById("info");
        var num = 0;
        var timer = setInterval(function(){
          info.innerHTML = num++;
          if (num == 11) {
            clearInterval(timer);
          }
        },1000);

延时调用

一个函数不马上执行而是隔一段时间以后执行，而且只会执行一次

setTimeout()

将一个函数隔一段时间以后执行，而且只会执行一次。

• 参数：

1. 回调函数，该函数会隔一段时间以后执行，而且只会执行一次
2. 间隔的时间，单位是毫秒

• 返回值：返回一个Number类型的数据，这个数字作为定时器的唯一标识

clearTimeout()

可以用来关闭一个定时器，方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器。可以接受任意参数，如果参数是一个有效的标识则停止对应的定时器，如果不是一个有效标识，则什么也不做

• 延时调用和定时调用是可以互相代替的，在开发中根据需要选择的