定时器

1.setInterval(函数,间隔)

       设置一个每间隔一定时间执行的函数，间隔时间以毫秒为单位；1000毫秒为一秒。可用来制作动画效果；

            clearInterval()可清除定时器；

2.setTimeOut(函数，时间) 设置函数定时执行一次；如果想要不间断的执行请使用setinterval（）；

 

 

3.开启定时器

• setInterval   间隔型(每隔一段时间执行一次)
• setTimeout   延时型(每隔一段时间只执行一次)

4.停止定时器

• clearInterval()
• clearTimeout()

 实例：

5.效果：点击按钮引爆定时器，点击另一个按钮拆除定时器。

var btn = document.getElementsByTagName("button");

var timer;        

btn[0].onclick = function(){

function fun(){

alert("爆炸了");

}

timer = setTimeout(fun,1000);        

}

btn[1].onclick = function(){

clearTimeout(timer);        

}

注解：setTimeout ();括号里面有两个值，第一个是调用的函数，第二个是点击执行的时间间隔。

 

 

5.用setIntval计时，即做一个计时器：

var btn = document.getElementsByTagName("button");

var sun = 0;

var timer;

var box = document.getElementById("box1");

btn[0].onclick = function(){

function fun(){

sun++;

box.innerHTML = sun;

}

clearInterval(timer);        

timer = setInterval(fun,500);        

 

}

btn[1].onclick = function(){

clearInterval(timer);        

}