倒計時定時器 、 循環定時器 及定時器的清除html
1 <body> 2 <div> 3 <input type="button" onclick="yi()" value="啓動倒計時定時器"> 4 <input type="button" onclick="er()" value="啓動循環定時器"> 5 <input type="button" onclick="san()" value="清除定時器"> 6 </div> 7 </body> 8 </html> 9 <script src="jquery-1.8.1.min.js"></script> 10 <script> 11 var er 12 // 倒計時定時器 13 function yi(){ 14 setTimeout(function(){ 15 console.log("這是倒計時定時器") 16 },3000) 17 } 18 19 //循環定時器 20 function er(){ 21 er = setInterval(function(){ 22 console.log("這是循環定時器") 23 },1000) 24 } 25 // 清除定時器 26 function san(){ 27 clearInterval(er) 28 } 29 </script>