js定时器的使用

开启定时器

setInterval 间隔性

<script>function show(){    alert('a');}setInterval(show,1000);//每隔1000毫秒执行一次show()函数</script>

setTimeout 延时性

<script>function show(){    alert('a');}setTimeout(show,1000);//隔1000毫秒只执行一次show()函数</script>

两种定时器的区别

setInterval(多次) ：每隔多少毫秒就会执行一次
setTimeout(一次)：隔多少毫秒只执行一次show()函数

停止定时器

clearInterval
设置两个按钮，一个打开定时器，一个关闭定时器

<input  id="btn1" type="button" value="open"/><input  id="btn2" type="button" value="close"/>

<script>window.onload=function(){    var oBtn1=document.getElementById('btn1');    var oBtn2=document.getElementById('btn2');    var timer=null;    //打开按钮打开定时器    oBtn1.onclick=function()    {        timer=setInterval(function()        {            alert('a');        },1000);        };    //关闭按钮关闭定时器    oBtn2.onclick=function()    {        clearInterval(timer);    };}</script>

clearTimeout
使用方法同clearInterval