當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

发送验证码倒计时

發布時間：2024/9/20 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了发送验证码倒计时小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!doctype?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>發送驗證碼倒計時</title>
</head>
<body>
????<input?type="button"?style="height:32px;width:120px;"?value="點擊發送驗證碼"?οnclick="sendCode(this)"?/>
????<script?type="text/javascript">
????????var?clock?=?'';
????????var?nums?=?10;
????????var?btn;
????????function?sendCode(thisBtn)
????????{????
????????????btn?=?thisBtn;
????????????btn.disabled?=?true;?//將按鈕置為不可點擊
????????????btn.value?=?nums+'秒后可重新獲取';
????????????clock?=?setInterval(doLoop,?1000);?//一秒執行一次
????????}
????????function?doLoop()
????????{
????????????nums--;
????????????if(nums?>?0){
????????????????btn.value?=?nums+'秒后可重新獲取';
????????????}else{
????????????????clearInterval(clock);?//清除js定時器
????????????????btn.disabled?=?false;
????????????????btn.value?=?'點擊發送驗證碼';
????????????????nums?=?10;?//重置時間
????????????}
????????}
????</script>
</body>
</html>

轉載于:https://www.cnblogs.com/qhorse/p/4599200.html

總結

以上是生活随笔為你收集整理的发送验证码倒计时的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：在 Docker 上运行一个 RESTf
下一篇：第13/24周统计信息