javascript倒计时

it2022-05-05 157

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text"/> <button id="btn">点击发送短信</button> </body> </html> <script> var btn = document.getElementById("btn"); var count = 5; // 数据的 10 var timer = null; // 定时器的名字 btn.onclick = function() { clearInterval(timer); // 先清除掉原来的定时器 this.disabled = true; var that = this; // 把 btn 对象给 that var _this = this; timer = setInterval(sendTextMessage,1000); // 开启定时器名字 timer function sendTextMessage() { count--; if(count >= 0 ) { that.innerHTML = "还剩余"+count+"秒"; } else { that.innerHTML = "重新发送短信"; that.disabled = false; clearInterval(timer); // 清除定时器 count = 5; } } } </script>

专利

最新回复(0)