當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

发送验证码倒计时

發(fā)布時(shí)間：2024/9/20 编程问答 29 豆豆

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/qhorse/p/4599200.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

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