Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > php教程 > PHP开发 > body text

js获取验证码倒计时的实现方法

WBOY

Release： 2016-06-07 17:22:59

Original

1734 people have browsed it

我们经常网购，在支付前为了验证客户的身体，有时需要获取手机发送的验证码，当点击获取验证码按纽时会出现倒计时，如下图所示

js获取验证码倒计时的实现方法

实现方法：

<script src="./js/jquery-1.8.3.min.js"></script> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
if (wait == 0) { 
o.removeAttribute("disabled");	
o.value="免费获取验证码"; 
wait = 60; 
} else { 
o.setAttribute("disabled", true); 
o.value="重新发送(" + wait + ")"; 
wait--; 
setTimeout(function() { 
time(o) 
}, 
1000) 
} 
} 
document.getElementById("btn").onclick=function(){time(this);} 
</script>

Copy after login

注：参数var wait=60;为等待时间60秒，可以根据自身实际情况来设置。当在等待时间内获取不到验证码，可以点击重新获取。

Related labels：

function nbsp quot script wait

source：php.cn

Previous article：使用Bootstrap轻松打造你的网站 Next article：微信公众平台开发入门教程

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn