快捷導(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)文章

js清空form表單中的內(nèi)容示例
這篇文章主要介紹了js如何清空form表單中的內(nèi)容，下面有個(gè)不錯(cuò)的示例，大家可以參考下
2014-05-05
JavaScript中的reduce方法執(zhí)行過程、使用場(chǎng)景及進(jìn)階用法
這篇文章主要介紹了JavaScript中的reduce方法執(zhí)行過程、使用場(chǎng)景及進(jìn)階用法的相關(guān)資料,reduce是JavaScript中用于累積計(jì)算數(shù)組元素的重要方法,它接受一個(gè)回調(diào)函數(shù)和一個(gè)初始值,返回一個(gè)計(jì)算結(jié)果,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-02-02
JS監(jiān)聽事件的疊加和移除功能
這篇文章主要介紹了JS監(jiān)聽事件的疊加和移除功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2018-11-11
提交表單時(shí)執(zhí)行func方法實(shí)現(xiàn)代碼
客戶端的js驗(yàn)證想必大家早已熟悉，今天本文帶著大家再回憶一下，主要是在提交表單之前執(zhí)行func方法，感興趣的你可以參考下哈，希望可以幫助到你
2013-03-03
在JS中刪除對(duì)象的某個(gè)屬性的幾種方案總結(jié)
這篇文章主要介紹了在JS中刪除對(duì)象的某個(gè)屬性的幾種方案,分別是使用delete操作符、解構(gòu)賦值、Object.fromEntries()、Reflect.deleteProperty()以及如何在集合對(duì)象中應(yīng)用這些方法,需要的朋友可以參考下
2025-03-03
es6函數(shù)之箭頭函數(shù)用法實(shí)例詳解
這篇文章主要介紹了es6函數(shù)之箭頭函數(shù)用法,結(jié)合實(shí)例形式詳細(xì)分析了es6箭頭函數(shù)基本功能、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
javascript搜索自動(dòng)提示功能的實(shí)現(xiàn)
使用 jQuery(Ajax)/PHP/MySQL實(shí)現(xiàn)自動(dòng)完成功我覺得我有必要寫這個(gè)教程，因?yàn)樵?jīng)見到的大部分關(guān)于自動(dòng)完成的應(yīng)用程序都只是給你一個(gè)程序源碼包，然后告訴你怎么使用，而不是告訴你它是如何工作的以及為什么這樣做。
2008-06-06
js使用oclif開發(fā)命令行工具實(shí)現(xiàn)批量修改文件名
前端開發(fā)工作中常用的很多CLI命令相信大家已經(jīng)很熟悉了,很方便很實(shí)用,能夠快速幫助你創(chuàng)建項(xiàng)目,快速執(zhí)行某些重復(fù)性操作,下面我們就來學(xué)習(xí)一下如何使用CLI命令批量修改文件名吧
2023-12-12
微信小程序中使用echarts的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序中使用echarts的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
javascripit實(shí)現(xiàn)密碼強(qiáng)度檢測(cè)代碼分享
這篇文章主要介紹了javascripit實(shí)現(xiàn)密碼強(qiáng)度檢測(cè)，大家參考使用吧
2013-12-12