jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能
更新時間：2016年11月25日 15:36:31 作者：flyqingfei
這篇文章主要介紹了jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能，非常不錯，代碼簡單易懂，需要的朋友參考下吧
本文給大家分享一段js代碼關(guān)于實現(xiàn)驗證碼功能并在60秒后倒計時功能。廢話不多說了，具體代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<title></title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var countdown=60;
function settime(obj) {
if (countdown == 0) {
obj.removeAttribute("disabled");
obj.value="免費獲取驗證碼";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.value="重新發(fā)送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}
</script>
<body>
<input type="button" id="btn" value="免費獲取驗證碼" onclick="settime(this)" />
</body>
</html>
以上所述是小編給大家介紹的jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery代碼實現(xiàn)圖片墻自動+手動淡入淡出切換效果
在網(wǎng)頁上經(jīng)?？梢钥吹接斜尘皥D片可以自動淡入淡入切換的效果，非常漂亮，實用性也非常高，今天小編給大家分享基于jquery代碼實現(xiàn)圖片墻自動+手動淡入淡出切換效果，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
本篇文章，小編將為大家介紹jQuery實現(xiàn) 注冊時選擇閱讀條款 左右移動，有需要的朋友可以參考一下2013-04-04
這篇文章主要介紹了jQuery使用hide方法隱藏頁面上指定元素的方法,涉及jQuery使用hide隱藏元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄獪\談jQuery 中的事件冒泡和阻止默認(rèn)行為。小編舉得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
使用jQuery的live()方法綁定事件，有時會出現(xiàn)重復(fù)綁定的情況，如，當(dāng)點擊一個按鈕時，此按鈕所綁定的事件會并執(zhí)行n遍2011-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)圖片切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
本篇文章主要是對JS中的log對象獲取以及debug的寫法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
本篇文章主要介紹了jQuery.data() 的實現(xiàn)方式，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
delegate()方法是為匹配元素的子元素添加一個或多個事件，并規(guī)定當(dāng)這些事件發(fā)生時運行的函數(shù)。下面就是詳細(xì)介紹，有需要的朋友可以來介紹一下。2016-10-10
全選、全非選即取得被選中的值在日常開發(fā)應(yīng)用中很廣泛，下面有個不錯的示例，大家可以感受下2013-11-11