setTimeout定时工具

一 .基本用法

   通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

  setTimeout基本用法：

  setTimeout("javascript语句"，毫秒)  注意这里JavaScript语句加了引号

  setTimeout(函数，毫秒)

  eg。 setTimeout("a()",1000）

          setTimeout(a,1000)

二. 实现计时器（无穷循环）

要创建一个运行于无穷循环中的计时器，我们需要编写一个函数来调用其自身。在下面的例子中，当按钮被点击后，输入域便从 0 开始计数。

var c=0;

vat t;

function timeCount(){

 document.getElementById("div").value=c;

c=c+1;

 t=setTimeout("timeCount()",1000);

}

三.setTimeout的异步执行功能

setTimeout是异步的，不会阻塞浏览器的加载

同步执行：

f1();

f2();

异步执行：

  function f1(callback){

   for(var i=0;i<10000;i++)
       {
             console.log(i)                 //f1代码在setTiomeout外面
 }
     setTimeout(function(){
   callback();
 },2000)
  }
  function f2(){
   alert("f2")
  }
  f1(f2);

先执行for循环，两秒后执行弹窗

f1执行的过程中，也不会阻止f3的执行。