1. 程式人生 > >JavaScript---定時器

JavaScript---定時器

開啟定時器

setInterval 間隔型 

<script>
 function show(){
   alert("a");
 }
 
 setInterval(show,1000);//每隔1000ms彈一次視窗,即每隔一秒

</script>

setTimeout 延時型

<script>
 function show(){
   alert("a");
 }
 
 setTimeout(show,1000);//只彈一次視窗,不會一直執行下去
</script>

關閉定時器 

clearInterval   

clearTimeout

<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>
<body>
   <input id="btn1" type="button" value="開啟">
   <input id="btn2" type="button" value="關閉">
</body>