js--自動檢測傳送簡訊驗證
阿新 • • 發佈：2019-01-05
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <input type="text"> <button id="btn">點擊發送簡訊</button> </body> </html> <script> var btn=document.getElementById("btn"); var count=3; //資料的10 var timer=null; //定時器的名字 btn.onclick=function(){ clearInterval(timer); //先清除掉原來的定時器 this.disabled=true; //按鈕不可用 //定時器開啟 timer=setInterval(sendTextMessage,1000); function sendTextMessage(){ count--; if(count>=0){ btn.innerHTML="還剩餘"+count+"秒";//因為button是雙標籤,所以更改它的值使用innerHTML,不是value } else{ btn.innerHTML="重新發送簡訊"; btn.disabled=false; clearInterval(timer); //清除定時器 count=3; } } } </script>
