JQ倒计时发送验证码

素颜马尾好姑娘i 2022-07-12 03:24 217阅读 0赞

![20170209084605156][]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jq 倒计时代码发送验证码</title>
    <script language="javascript">
    		//倒计时		
    		var times = 60;
    		function waitTime() {
    			if (times == 0) {
    				$("#codeButton").removeAttr("disabled").val("重新获取验证码");
    				times = 60;
    			} else {
    				$("#codeButton").attr("disabled", true).val("在(" + times + ")秒后重新发送");
    				times--;
    				setTimeout(function() {waitTime()},1000)
    			}
    		}
    		
    		//ajax无刷新GET方式 发送验证码
    		$("#codeButton").on('click',function(){
    			var telphone=$('#telphone').val();
    			$.ajax({
    					 type: "GET",
    					 url: "XXOO",
    					 data: {telphone:telphone},
    					 success: function(data){
    					 	waitTime();
    					}
    			 });
    		});
    </script>
    </head>
    
    <body>
    <label>请输入手机号码：
      <input type="text" id="telphone" name="telphone" />
    </label>
    <label>
      <input type="button" id="codeButton" value="获取验证码"/>
    </label>
    <label>请输入验证号码：
      <input type="text" id="rcode"/>
    </label>
    </body>
    </html>

[20170209084605156]: /images/20220711/f6e0a51df58d4469af036ee30b4b4430.png

发表评论取消回复

表情：

评论列表（有 0 条评论，217人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq php手机发短信倒计时,js实现发送短信验证码倒计时

原标题：js实现发送短信验证码倒计时发送短信验证码是网站或app常见的功能，为了避免用户频繁获取短信验证码，往往会设计一个倒计时功能，当间隔一定时间后才能再一次的获取，下面

以你之姓@/ 2022年11月18日 04:58/ 0 赞/ 194 阅读

相关验证码倒计时

html: <button>发送验证码</button> javascript: <script> /

冷不防/ 2022年09月14日 09:49/ 0 赞/ 164 阅读

相关 jq 发送验证码倒计时

<div class="f_l btnstyle01" id="divphone"> <span> <a οnclick="send(2)"href

àì夳堔傛蜴生んèń/ 2022年08月23日 15:48/ 0 赞/ 217 阅读

相关验证码倒计时

\define SEC 60 //验证码按钮点击事件 \-(void)registSendButtonClick\{ UITextF

比眉伴天荒/ 2022年08月09日 18:42/ 0 赞/ 230 阅读

相关 Android发送验证码的倒计时按钮

1 直接上图 ![SouthEast][] 2 原理原理很简单，就是把相应的倒计时逻辑等封装到一个控件中，并向外部提供接口。 3 代码 import

左手的ㄟ右手/ 2022年08月03日 14:55/ 0 赞/ 197 阅读

相关 JQ倒计时发送验证码

![20170209084605156][] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

素颜马尾好姑娘i/ 2022年07月12日 03:24/ 0 赞/ 218 阅读

相关 JQ倒计时发送验证码

![20170209084605156][] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

绝地灬酷狼/ 2022年07月12日 03:24/ 0 赞/ 199 阅读

相关发送验证码按钮倒计时

<input type="text" id="telephone" value="" name="telephone" class="fn-tinput" placeh

Bertha 。/ 2022年05月03日 00:26/ 0 赞/ 258 阅读

相关 jq 实现发送验证码倒计时功能

var util = \{ wait:60, hsTime: function (that) \{ \_this = this; if (\_this.wait

Love The Way You Lie/ 2022年01月12日 00:19/ 0 赞/ 283 阅读

相关验证码倒计时方法

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXh

ゝ一世哀愁。/ 2021年11月17日 10:52/ 0 赞/ 310 阅读