快捷導(dǎo)航

JavaScript獲取短信驗(yàn)證碼（周期性）

更新時(shí)間：2016年12月29日 10:13:15 作者：ITzhongzi

這篇文章主要為大家詳細(xì)介紹了JavaScript周期性獲取短信驗(yàn)證碼的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了js周期性獲取短信驗(yàn)證碼的具體代碼，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
<input type="text"/>
<input type="button" id="btn" value="點(diǎn)擊發(fā)送驗(yàn)證碼"/>
<script>
 var timerId = null;
 var btn = document.getElementById("btn");
 var num = 5;
 btn.onclick = function () {
  btn.disabled = true;
  timerId = setInterval(function () {
   num--;
   btn.value = num + "秒后可以發(fā)送";
   if (num === 0) {
    clearInterval(timerId);
    btn.value = "點(diǎn)擊發(fā)送驗(yàn)證碼";
    btn.disabled = false;
    num = 5;
   }
  }, 1000);
 };
</script>
</body>
</html>

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Javascript/Jquery——簡單定時(shí)器的多種實(shí)現(xiàn)方法
本文為大家詳細(xì)介紹下使用Javascript/Jquery實(shí)現(xiàn)簡單的定時(shí)器，方法有多種，大家可以根據(jù)自己的喜好自由選擇，希望對(duì)大家有所幫助
2013-07-07
BootStrap扔進(jìn)Django里的方法詳解
這篇文章主要介紹了BootStrap扔進(jìn)Django里的方法，小編認(rèn)為本文介紹的不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
基于bootstrap的文件上傳控件bootstrap fileinput
這篇文章主要為大家詳細(xì)介紹了基于bootstrap的文件上傳控件bootstrap fileinput，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript中逗號(hào)運(yùn)算符介紹及使用示例
這篇文章主要介紹了JavaScript中逗號(hào)運(yùn)算符介紹及使用示例,本文講解了逗號(hào)運(yùn)算符的定義、使用例子及實(shí)際使用的一些技巧,需要的朋友可以參考下
2015-03-03
Openlayers繪制地圖標(biāo)注
這篇文章主要為大家詳細(xì)介紹了Openlayers繪制地圖標(biāo)注，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
JavaScript實(shí)用代碼小技巧
在這篇文章中給大家分享了關(guān)于JavaScript實(shí)用代碼小技巧的相關(guān)內(nèi)容，有興趣的朋友們可以參考學(xué)習(xí)下。
2018-08-08
tkinter使用js的canvas實(shí)現(xiàn)漸變色
這篇文章主要為大家介紹了tkinter使用canvas實(shí)現(xiàn)漸變色，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
JavaScript中數(shù)據(jù)類型轉(zhuǎn)換總結(jié)
在js中，數(shù)據(jù)類型轉(zhuǎn)換分為顯式數(shù)據(jù)類型轉(zhuǎn)換和隱式數(shù)據(jù)類型轉(zhuǎn)換。本文將對(duì)此進(jìn)行介紹，具有一定的參考價(jià)值，需要的朋友一起來看下吧
2016-12-12
JavaScript實(shí)現(xiàn)簡單圖片輪播效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單圖片輪播效果，點(diǎn)擊下標(biāo)切換到該圖片上，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
javascript操作cookie
本文主要介紹了js對(duì)cookie的操作：js設(shè)置cookie；js獲取cookie；給cookie設(shè)置終止日期；刪除cookie 等，具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01